【カテゴリ：パソコン ブログカスタマイズの記録】
このブログのサイドバーに『人気ページランキング』を設置してみました。 |  |
↑設置後の画面イメージ（右側の画像は、ランキングを表示している部分）
今までは、以下のような『人気のページ』というのを表示していたのですが、これは全て自分が適当に選んだページであり、内容は固定でした。
表示している内容には、実際のアクセス数を反映していないため定期的に見直す必要があり、そのたびに手作業で更新しなければなりませんでした。
しかし手作業でいちいち更新するのは面倒です。
その為、やっぱりランキングは集計した結果を自動で表示させたいと思うようになりました。
スポンサーリンク
↓（例）seesaaブログ管理画面内のページ別アクセス解析
そこで、外部のサービスを利用しようと思って検索したところ、『CGIレンタルサービス』の『ACR WEB』というのが見つかりました。
無料のサービスであり、多くのブログで利用されているようです。
↑『ACR WEB』のホームページ
↑『ACR WEB』の『ページランキング』のページ
さらに設置方法について検索したところ、参考になりそうな以下のページが見つかりました。
ブログの裏側！ACR WEBのページランキングを導入してみた！ライブドアブログでACR WEBのページ分析を使う方法 : Laineema デジタルハードウェア徹底レビュー:
http://laineema.gger.jp/archives/2267709.html
http://laineema.gger.jp/archives/2267709.html
上記ページを読んだところ、だいたいの概要が理解できたので設置してみることにしました。
ですが、上記ページは『ライブドアブログ』であり、このブログは『seesaa ブログ』という違いがあります。
設置の仕方については基本的に同様なのですが、自分は『分析用のタグ』と『結果表示用のタグ』を上記ページとは少し違った貼り付け方にしました。
参考までに自分の場合の例として、自分がおこなった『seesaa ブログ』での設置手順について以下に記録しておこうと思います。
１．『カウント取得用タグ』と『ランキング表示用タグ』の取得
『ACR WEB』の『ページランキング』のログイン画面からログインします。
↓ログイン画面
ログイン後、『編集画面』のメニューの『タグ取得』ボタンをクリックします。
以下のような『カウント取得用タグ』と『ランキング表示用タグ』が表示されます。
この『カウント取得用タグ』と『ランキング表示用タグ』をコピーしておきます。（例：テキストファイル等に貼り付けて保存しておきます。）
２．『カウント取得用タグ』と『ランキング表示用タグ』の貼り付け
『seesaa』ブログ管理画面の『 デザイン＞ PC＞ コンテンツ 』を表示します。
『コンテンツ』の『自由形式』をドラッグしてサイドバーに追加します。
追加した『自由形式』をクリックすると以下のような画面が表示されます。
保存しておいた『カウント取得用タグ』と『ランキング表示用タグ』を貼り付けます。
（自分の場合は２つのタグを両方とも、このコンテンツの中に貼り付けました。）
『保存』ボタンをクリックすると、以下のように『設定を完了しました』と表示されます。
閉じて、さらに『保存』ボタンをクリックします。
『設定を変更しました』と表示されます。
基本的な設置は以上で完了です。
以下参考までに『ACR WEB』の『ページランキング』の編集画面において、現時点での自分の設定内容をキャプチャした画像を載せておきます。
↓『環境設定』ボタンクリック時の内容
『環境設定』では、主に表示色／背景色を変更しました。
↓『置換設定』ボタンクリック時の内容
とりあえず『置換設定』には、１件以上アクセスのあったページを頑張って登録しました。まだ全体の３分の１くらいでしょうか．．．
↓『除外設定』ボタンクリック時の内容
トップページやカテゴリ，タグ，過去ログなどのページは除外し、単体の記事ページのみ表示されるようにしました。
あと、グーグルのキャッシュページも除外するようにしました。
↓『タイトル自動設定』ボタンクリック時の内容
RSSファイルのURLとして『http://kingpcfx.seesaa.net/index.rdf』を設定してみましたが、『seesaaブログ』では直近の１０数件しか出力されないようです。
このため、自分は全て先の『置換設定』にて手動入力しました。
↓『上級者向け設定』ボタンクリック時の内容
自分は、ここでは特に何も変更していません。
↓『タグ取得』ボタンクリック時の内容
↓『ランキングの手動更新』ボタンクリック時の内容
↓『全ランキングはこちら』のテキストリンクをクリックすると、以下のような一覧が表示されます。
ちなみに、この『全ランキング』が表示される画面は自分（＝管理者）以外であっても、以下のアドレスで誰でも参照できます。
http://pranking9.ziyu.net/html/kingpcfx.html
↓『パスワード変更』ボタンクリック時の内容
ところで、マニュアルには記載されていなかったように思うのですが、集計方法において、同一ページへの同一IPアドレスからの複数アクセスは1件となるようです。
例えば、同じ人（＝同一IP)が同じページに何度アクセスしたとしても、そのページへのアクセス件数は１としてカウントされるようです。
以上です。
スポンサーリンク
【カテゴリ：パソコン ブログカスタマイズの記録】の最新記事
- 今更ですが、サイドバーにアクセスカウンターを設置した
- 『Seesaa』ブログでカテゴリの一覧表示をツリー化した
- 『Seesaa』ブログで『記事のコンテンツHTML』を新しいソーシャルボタンの仕様に対応させた
- 『Seesaa』ブログで記事の中の画像に枠を付ける方法について
- 『Seesaa』ブログでCSS（スタイルシート）やHTMLを編集する際の手順
- 『Seesaa』ブログで『続きを読む』の文言を表示させる方法を変更した
- 『Seesaa』ブログでディスク使用量が2GBに到達したので『ストレージプラン』を申し込んでみた
- 『Seesaa』ブログのスマホ用ページに『Google Analytics』を設置する手順
- 『Seesaa』ブログに『3D球体タグクラウド』を設置してみた
- 『ブログカスタマイズ』最近変更した箇所のまとめ
- 『Seesaa』ブログでカテゴリの一覧を『メニューバー』のように表示させてみた
- サイドバーに『CUBACLOCK』のブログパーツを設置した
- 『Seesaa』ブログで記事本文の右上に『カテゴリ』を表示するようにした
- 『Seesaa』ブログで『続きを読む』の文言を画像で表示することができた
- 『Seesaa』ブログに『LinkWithin』を導入した
- 『我RSS』を利用して『最近の記事』の一覧を画像付きで表示するようにした
- ユニクロのブログパーツ『UNIQLO CALENDAR』と『UNIQLOCK』をサイドバーに設置した
- 『ACR WEB』の『ページランキング』で画像が表示できた
- 『Seesaa』ブログで記事タイトルの右上に画像を表示させてみた
- 『Seesaa』ブログに『ファビコン』を設置した
フリー素材*ヒバナ * *
市川明彦 (03/26)
シーサーブログには、人気ページランキング欄がなく、
困っていたところ、こちらのブログの良い記事を
見つけました。
本当にありがとうございます。
また、寄らせていただきます。