2012年06月02日

ホームページビルダーでアクセスカウンタを設置(さくらインターネットの場合)

   『ホームページビルダー14でアクセスカウンタを設置する方法
  (さくらインターネットを使用)』のページですひらめき

  手順の説明ですexclamation
  まず、現在の私の状況は
  ○ ホームページビルダー14でホームページを作成済み
  ○ さくらインターネット(以下さくら)のレンタルサーバでそのHPを公開済み
  ○ 他社の独自ドメインを取得して、それをさくらインターネットで使用している

  さて、そのホームページにアクセスカウンタを設置する手順は
  1.さくらでアクセスカウンタをインストールする
  2.それをホームページビルダーで作成したページの中に組み込む  です。

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

   2.ホームページビルダーにアクセスカウンタを組み込む
    @ ホームページビルダーのアクセスカウンタを入れたい部分にカーソルを合わせて
       『アクセス カウンタ』をクリック
       HPビルダーのアクセスカウンタ.jpg
    A 以下のような『アクセス カウンタの挿入』が現れるので、
       『プロバイダの選択』はさくらの場合は最後の「その他」を選択→
       すると『プロバイダ指定のHTMLタグ』を記述するように言われます
       ココがわからなくて時間がとってもかかりました!  
     HPビルダーのアクセスカウンタの挿入.jpg
    B ココに入れるHTMLタグはさくらのコントロールパネルに戻り
      1と同様『クイックインストール』→『インストール済み一覧』の画面にあります。
      四角い赤枠の部分です。
      HPビルダーに挿入するHTMLタグ.jpg
     拡大すると、
     HPビルダーに挿入するHTMLタグ(拡大).jpg
     ココをコピーして貼り付け、「YourPageLocation」の部分を
     自分の好きな言葉に変えて『OK』を押します

    C すると、ホームページビルダーのページにはチューリップに×印の画像が出てきます。
      チューリップ(アクセスカウンタ).jpg
    D これでこのページをアップロードして、確認してみると・・・
      アクセスカウンタ.jpg
       こんな風にできあがりです!
posted by コジカテ教師 at 23:17| Comment(1) | TrackBack(0) | パソコン関係

2019年08月22日

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

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

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

  さて、さくらのブログにアクセスカウンタを設置する手順は
  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 03:22| Comment(10) | TrackBack(1) | パソコン関係