2019年10月20日

さくらブログにアクセスカウンター設置

  ブログにアクセスカウンタを設置したい!
  悪戦苦闘の末、やっとできましたダッシュ(走り出すさま)
  書き込んでおきますひらめき

  まず、私の現在の状況は
  ○ さくらインターネット(以下さくら)のレンタルサーバに契約し、
       さくらのブログでブログを公開している

  さて、さくらのブログにアクセスカウンタを設置する手順は
  1.さくらのアクセスカウンタをインストールする
  2.それをさくらブログのコンテンツに設定する

  1.さくらでアクセスカウンタをインストールする方法
    @ さくらのサーバコントロールパネルにログイン
    A 左側の『運用に便利なツール』内の『クイックインストール』をクリック
    B 『カテゴリメニュー』の『カウンター』をクリック
    C 私は上の『npc』の方をインストールしました
       カウンターインストール.jpg
   
  
     D インストール画面で、『同意する』にチェックを入れ、
      『インストール先』選ぶ形のドメイン部分マルチドメインとして使っているものを選択。
      
注意!ココが迷うところなんです。
      ブログで使いたいのだから、ブログのドメインにインストールしなきゃ!
      と思うのに、ここの部分はどうしても
マルチドメインしか出てこない・・・
           でも、そのマルチドメイン
を選択。
      
      右の空欄には好きなフォルダ名を自分で記入
     (私は「blog-count」という名前にしました)
      npcのインストール画面(ブログ).jpg
      E インストールボタンを押したら完了です!

  2.アクセスカウンタをさくらブログのコンテンツに設定する 
      @ さくらブログにログイン
      A 『デザイン』→『コンテンツ』→編集モード:『エキスパート』
        コンテンツ編集モードエキスパート.jpg
      B 『新しいコンテンツの追加』で『自由形式』を選び→『コンテンツの追加』をクリック
        コンテンツ編集モード新しいコンテンツの追加.jpg
      C 『タイトル』に好きな名前「カウンター」などと入れて、
        『自由入力欄』にHTMLタグを記入します
        自由形式の変更.jpg       
       この記入するHTMLタグというのはさくらのコントロールパネルに戻り
        1と同様『クイックインストール』→『インストール済み一覧』の画面にあります。
        四角い赤枠の部分です。
      HPビルダーに挿入するHTMLタグ(ブログ).jpg
      なんと書いてあるかというと、
       <img src="/blog-count/npc.cgi?L=YourPageLocation">
     コピーして貼り付け、「YourPageLocation」の部分を好きな言葉に変えます。

           注意!
またここでわかりにくい部分ですが、上のHTMLタグの途中に
<img src="http://(インストールしたマルチドメイン名)/blog-count/npc.cgi?L=YourPageLocation">
      を挿入してから貼り付けないとうまくいきませんので要注意ですexclamation

     
     きっとアクセスカウンタをインストールするのはマルチドメインのフォルダで、
     使用するのはサブドメインのさくらブログなので「マルチドメインの中のフォルダだよ!」と
     教えてあげないといけないんだと私は解釈しています。
     (違ったらごめんなさいたらーっ(汗)

    ここで、私の貼り付けたさくらブログの『自由入力欄』にはよく見ると
    <br>
       <br>
       <Div Align="center">
    <img src="http://(インストールしたマルチドメイン名)/blog-count/npc.cgi?L=(自分でつけた名前)">
    </Div>
        と別のものも書いてあるじゃないか!と思われるかもしれませんね。
    これは、自分のブログで確認した時にもうちょっと「改行した方がいいな=<br>」
    アクセスカウンタが「中央寄せの方がいいな=<Div Align="center"></Div>」と
    自分でネットで検索して調べたHTMLタグを付け加えただけです。
    上記のタグ1つでも十分に作動するはずです。

    D 『自由入力欄』に入力できたら『保存』を押します→
      編集モード:『ノーマル』をクリック→
      すると、『ゴミ箱』の中にさきほど作ったコンテンツ「カウンター」が入っていますね。
      これをドラッグして好きな場所に移動させ、『設定を反映する』ボタンを押します。

    ようやく出来上がったものがこのブログでは、右側カレンダーの下にありますぴかぴか(新しい)  

  『2.アクセスカウンタをさくらブログのコンテンツに設定する』の方法は
  旧版:川中重司、ほのぼのIT税理士!(^^)のブログの『さくらブログへのカウンターの導入(準備編)
』の後編

  を参考にさせていただき、私自身でやってみてその記事を書きました。
  中川重司さんのブログは同じさくらブログで、
  さくらブログに関するその他の設定方法の記事も記載されており参考になります。
  中川さん、ありがとうございました。      
     

posted by コジカテ教師 at 18:14| Comment(10) | TrackBack(1) | パソコン関係
この記事へのコメント
今年に入り、さくらレンタルサーバーをお試し中で色々とチャレンジをしておりました。ブログにカウンターをつけたかったのですが、どうやっても失敗し、コジカデブログと遭遇し、手順通りに進めたら成功しました。
目から鱗です。
本当にありがとうございました。
よろしければ相互リングを貼らせていただけると幸せであります。ただ、そちらのリンク集には私どもと無縁のようですので無理かも知れないと思いつつ、お礼を兼ねてコメントさせていただきました。
Posted by 佐藤 保 at 2012年01月10日 19:23
 佐藤さん、コメントありがとうございました。
 佐藤さんのブログにもコメントを残しましたが、相互リンクは大歓迎です。さっそく、佐藤さんのブログ「ちいさい八雲″見つけた」をリンク集に入れさせていただこうかと思います。
 新しいブログを開設されるそうですね。また新しいブログのアドレスも教えていただけたらと思います。
Posted by コジカテ教師 at 2012年01月16日 15:39
前回お世話になった佐藤です。
今回、新たにブログを立ち上げることになり、カウンターを設置することにしたのですが、また設置がうまくいかず、検索してコジカテブログを見て、間違っていた箇所を発見しました。
なので2度も恩人です。ありがとうございます。
これで3つ目のブログになります。
Posted by 佐藤 保 at 2012年06月30日 21:43
佐藤さん、いつもコメントを残してくださってありがとうございます。
励みになります。頑張ります。
Posted by コジカテ教師 at 2012年07月05日 15:17
あなたの内容がとてもよかった。
Posted by 国井史緒 at 2013年07月22日 14:27
あなたの内容はすばらしかった。勉?しています。
Posted by 宮藤潤 at 2013年07月24日 18:59
メンズ水着 通販
Posted by 武井咲 ビキニ at 2013年08月14日 19:34
コジカテ教師さん、はじめまして。
「さくらブログ カウンター」でヒットして訪問させていただきました。

そして、さくらブログへのカウンター設置大成功です!

ありがとうございます!
助かりました!
Posted by 坂原健司 at 2014年05月01日 13:40
コジカテ教師様
さくらブログに引っ越し作業中にカウンターで困っていたところ偶然拝見しました。大変わかりやすい説明で一発で解決・設置出来ました。ありがとうございました。また時々拝見させて頂きます。
Posted by Eagle at 2015年09月19日 05:05
コジカテ教師様

さくらブログにカウンター付けたくて探していたところ
見つけました。
参考にさせていただきます。
ありがとうございました。

なお上記、川中さんのお名前が途中から中川さんになって
いました。念のため。
Posted by masa at 2016年03月13日 21:36
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/51114202

この記事へのトラックバック

問題05-「アクセスカウンター」設置方法
Excerpt: カウンター
Weblog: ZHE日暮里外国語教室
Tracked: 2012-08-12 04:28