Page View Board (beta 3)

これは何？

サイト内のページへのアクセス数を記録し、上位のページを一覧表示するガジェットです
ブログ等のサイドバーなどに表示できます（実行にはJavaScriptが必要です）

サンプル（使用例）

このページにある「Wiki内アクセスランキング」のように表示されます
（見た目についてはPage View Board側では特に指定していません。サイト側で設定したCSSの通りになります）

使い方

1. 下記のように一覧を表示する場所を作る

   <div id="page_view_board">
   Loading...
   <noscript>
   <div>
   JavaScriptを有効にすると、このサイトの
   <a href="http://page-view-board.appspot.com/info">人気ページのランキング</a>
   を表示します
   </div>
   </noscript>
   </div>
   

   id="page_view_board"は変更できません
   それ以外は好きなようにカスタマイズしてください
2. 下記のJavaScriptファイルを読み込む

   <script type="text/javascript" src="http://page-view-board.appspot.com/static/pvb.js" charset="UTF-8"></script>
   

   表示方法を変えたい場合は、このJavaScriptを拡張するなりして自由にカスタマイズしてください
3. 下記のようにJavaScriptでshow()すると、一覧が表示される

   <script type="text/javascript">
   /* サイトに合わせて必要に応じてセットする
   //データ取得後に実行するコールバック関数の名前
   PageViewBoard.callback = "showTable";
   //ページタイトルから削除する文字列
   PageViewBoard.deleteString = "ページタイトルの共通部分とか";
   //最近何日分を集計するか（最大10日分まで）
   PageViewBoard.days = 7;
   //上位何件を表示するか（最大30件まで）
   PageViewBoard.max = 10;
   //URL中の最初のディレクトリがユーザーIDになっていて、それで限定する場合のみセットする
   PageViewBoard.userId = "~yamada";
   */
   
   PageViewBoard.show();
   </script>
   

補足説明

• リファラが送信されなかった場合はページビューとしてカウントしません
• CSSはたぶんこんな感じで制御できます

  /* リストの場合 */
  #page_view_board ol {
  	...
  }
  #page_view_board li {
  	...
  }
  #page_view_board li a {
  	...
  }
  /* テーブルの場合 */
  #page_view_board table {
  	...
  }
  #page_view_board td {
  	...
  }
  #page_view_board td.rank {
  	...
  }
  #page_view_board td.count {
  	...
  }
  

• なお、ホスト名がIPアドレスの場合は表示できません

利用上の注意

このサービスは実験中です。突然仕様が変わることもあるのでご注意ください
月間のページビュー数が10万を超えるような人気サイトでのご利用はご遠慮ください
また、登録されたURL等は、もしかしたらそのうち別の目的で使うかもしれません（このページからのリンクバックとか？）