試しました＞「Movabletype Plugin アクセスランキングプラグイン: JSONAccessRanking」

火曜／金曜担当の@cremaです。

前回の記事で、「『Movabletype Plugin アクセスランキングプラグイン: JSONAccessRanking』を次回試すぜ！」と宣言したのですが、お約束通り実行しました！　えっへん（違）。

プラグイン作者の@cool_ni_ikouさんは、当該記事の中で手順を以下のように書かれていますので、引用してみます。

JSONAccessRankingの実装について

実装は簡単です。以下のような流れになります。

1. プラグインフォルダにJSONAccessRankingフォルダを追加します。
2. プラグインページにて必要情報を設定。（ログインアカウント名、パスワード、レポートID、最大表示件数）
3. 新規テンプレート作成JSONデータ用（インデックステンプレート）。
4. ヘッダー部分にjQueryコードを追加。
5. フッター部分に外部スクリプト読み込みコードを追加。
6. jQueryスクリプトをjsフォルダ（任意）にアップ。
7. 新規でウィジットテンプレートを作成。
8. 作成したウィジットテンプレートをウィジットセットの任意の位置に追加。
9. 最後に再構築するだけとなります。

私は、これをちょっと変えて、以下のようにしてみました。

1. プラグインフォルダにJSONAccessRankingフォルダを追加。
2. プラグインページにて必要情報を設定。（ログインアカウント名、パスワード、レポートID、最大表示件数）
3. 新規テンプレート作成JSONデータ用（インデックステンプレート）。
4. 新規テンプレート作成ランキング表示用HTML（インデックステンプレート）。
5. ランキング表示用HTMLのヘッダー部分にjQueryコードを追加。
6. ランキング表示用HTMLのフッター部分に外部スクリプト読み込みコードを追加。
7. 新規テンプレート作成jQueryスクリプト用（インデックステンプレート）。
8. ランキング表示用HTMLのインデックステンプレートを再構築。

変えたポイントは、jQueryスクリプトやウィジェットを全ページに入れるのではなく、ある特定の「ランキング表示用HTML」だけに入れたことですね。テストなので、とりあえず1ページ作りたかっただけです。

jQueryスクリプト用の新規インデックステンプレートを作成したのは、単に気分です（笑）。それだけMTと関係ないところでアップロードすると、あとで削除するときなどに忘れそうな気がしたので。

以上のような手順を経て、「Google Analyticsのデータを使ったlinker.inここ1ヶ月間のアクセス数ランキング」ができました。

• linker.in ここ一ヶ月のアクセスランキング

2010年3月23日現在、上記ページの出力結果は、こうなってます。

• 1 : シャープAQUOSケータイ「SH-03B」を触ってきました！｜linker journal｜linker
• 2 : 「人と人」「人と情報」「人と物」をつなぐデザインユニット linker（リンカー）
• 3 : iphoneがタッチパッドになるアプリ「Air Mouse Pro」｜linker journal｜linker
• 4 : iPhone用にCSS/PHP/JavascriptでCSSを切り替える基本的な方法｜linker journal｜linker
• 5 : 3人のプロフィール｜linker
• 6 : TeamViewerをつかってPC操作をサポート｜linker journal｜linker
• 7 : CSS3で追加になったセレクタを改めて見直してみる｜linker journal｜linker
• 8 : dl,dt,ddでデザインを整える方法とか[追記 2009.04.21 12:15]｜linker journal｜linker
• 9 : linker journal｜linker
• 10 : linkerの実績｜linker

これを見ると、私の書いた記事って1位のものひとつだけなんですよね......。

最近、自分の記事の質が低いんだなぁと、こんなところで実感してしまいました。精進したいと思います。