Movable Type 備忘録

 ローテーションするアクセスランキング（jquery.pagerank.js）

  • Mar152009
  • Vote:
    http://bizcaz.com/archives/2009/03/15-174253.php
  • Categories: jQuery
  • Tags: ,
  • Social Bookmark

こんにちわ^^

以前にもご要望のあったものですが、以下のページでご紹介してる、jQuery 用のページランキングプラグインをカスタマイズしてみました。

ページランキング・ログ収集方法 どんな風にカスタマイズしたかというと、任意の期間( デフォルト 7 日間 )のログをローテーションしてランキング表示する･･･といったものです。
具体的には右図のように、3/15 ～ 3/21 までの 7 日間内のアクセスの上位 10 位までが表示して、1 日経過する度に左にスライド( 3/16 ～ 3/22 )した 7 日間の上位 10 位まで表示･･･といった具合に表示するようにしました。

今までだと、任意の期間( たとえば 14 日間 )を経過したら、すべてのログがクリアされてましたが、今回のバージョンは最大でクリアするデータは 1 日のみとなります (￣∇￣)b

わたしの下手な図と説明で分かっていただけますでしょうか (;￣∇￣A

使い方は以前のバージョンのものとほぼ同様です。
なので、以下のページからダウンロードもできますので、良かったら使ってみてください。

また、今回からは Ajax を使って JSON データを取得するようにも変更してます。 なので、クライアント( JavaScript )で自由にカスタマイズすることもできます。
データフォーマットは以下の通りになります。

データフォーマット

  1. total: '総アクセス数',
  2. from: 'ログ収集開始日',
  3. to: 'ログ収集終了日',
  4. days: 'ログ収集期間',
  5. count: '表示ランキング数( record の配列要素数 )',
  6. record: ["No 1. アクセスカウント<>ページ URL<>ページタイトル",
  7.          "No 2. アクセスカウント<>ページ URL<>ページタイトル",
  8.          "No 3. アクセスカウント<>ページ URL<>ページタイトル",
  9.                                     ：
  10.                                     ：
  11.          "No10. アクセスカウント<>ページ URL<>ページタイトル"]

上記データを加工して以下のようにマークアップ( 旧バージョンと同じ )してます。

マークアップ

  1. <ul id="page_rank" class="widget_list">
  2.  
  3. <li class="widget_list_item list_entry rank_list_eve">
  4.     <a title="ページタイトル" href="ページ URL" target="_blank">ページタイトル
  5.         <span class="right rank_list_1st">No 1. アクセスカウント</span></a></li>
  6.  
  7. <li class="widget_list_item list_entry rank_list_odd">
  8.     <a title="ページタイトル" href="ページ URL" target="_blank">ページタイトル
  9.         <span class="right rank_list_2nd">No 2. アクセスカウント</span></a></li>
  10.  
  11. <li class="widget_list_item list_entry rank_list_eve">
  12.     <a title="ページタイトル" href="ページ URL" target="_blank">ページタイトル
  13.         <span class="right rank_list_3rd">No 3. アクセスカウント</span></a></li>
  14.                                     ：
  15.                                     ：
  16. <li class="widget_list_item list_entry rank_list_eve">
  17.     <a title="ページタイトル" href="ページ URL" target="_blank">ページタイトル
  18.         <span class="right">No10. アクセスカウント</span></a></li>
  19.  
  20. </ul>

[2009.03.15] そそ、除外したい PC のアドレスの設定方法が変更になりました。

  1. ブラウザから rank_deny.php を実行

    http://●●●.com/js/pagerank/rank_deny.php

用途としては、自分自身のアクセスをカウントとして含めない･･･などです。
また、除外する IP アドレスはすべてのブログで有効となります。

以上です。

 Trackback Pings(0)

No trackbacks found.

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード