レビューポスターを使ってMovabaletypeで人気エントリー表示

サイドフィード株式会社が提供するサービス”レビューポスター”を使って、Movabletypeに人気エントリー表示するようにしました。他にもjavascriptを使って、人気エントリーを表示させる方法でいくつか取り上げて紹介します。

Movabletypeで人気エントリーを表示する方法にはいろいろと方法があります。手間かけずに簡単に表示することができる方法がありましたので、すぐさま導入。表示することにしました。

レビュー・ポスター - ブログのレビュー記事をサイトに表示する無料サービス

サイドフィード株式会社が提供するレビュー・ポスター - ブログのレビュー記事をサイトに表示する無料サービスを使って表示するようにしました。

ソーシャルメディアからの情報取得

今回は、ソーシャルメディア（はてなブックマーク）の情報を利用するようにしました。今のCGMの動きからすれば、そちらの方が購読者にとっては適切な判断の元でサイト内の人気情報提供ができるという判断からです。やはり、人工的なランキングが読者にとってはいいと思っています。

アクセスログから人気エントリー表示する方法もあります。最近のニュース系サイトのコンテンツを見る限り、はてなブックマークなどのソーシャルメディアからのランキング情報を取得して提供しているサイトを多く見かけます。その動きに合わせて、同じように表示するほうがSMO的にもいい結果をもたらすというのもあります。

javascriptを使って情報取得表示

ソーシャルメディアからの情報を取得し、人気エントリーとして自サイトに表示させる方法もいくつかあります。すべてにおいてjavascriptを使います。（他に方法あるのかな〜。）javascriptを使えば、静的ページでも表示可能です。あまり詳しいことわからないのですが、動的ページであればうまくフィードを読み込みそれを表示させることもできるのではないかと。

javascriptをつかっての情報取得にもいろんな方法があります。考えていた方法をいくつか取り上げておきます。

jQuery＋プラグインjson.js

jQuery＋プラグインjson.jsを使ってはてなブックマークからの人気エントリーフィードをjson形式に変換するサービスを使って、それを読み込み表示させる方法。これが一番スマートかと。json形式変換ではPipes: Rewire the webを使ってやろうと考えていました。

国内の方でjson.jsをちょっと改変して使いやすくしたものもありますよ。ご参考にどうぞ。jQuery JSONP plugin (iandeth.)

Google AJAX Feed API

Google AJAX Feed APIを使っての表示。Google AJAX Feed API でブログの人気エントリーを表示するサンプル - F.Ko-Jiの「一秒後は未来」を参考にしてみてください。今、Movable TypeにGoogle AJAX Search APIを利用した検索機能を実装でGoogleAPIを使っていますが、スクリプトの読み込みに時間がかかるのでサイト表示がまたおもくなるかな〜といった感じですね。実際に試していません。

PHP＋ajax

PHPを使ってajaxで読み込み表示する方法。（あんまり詳しくわからないけどたぶんできると思う。）PHPだけでできる方法もあるみたい。

jQueryのプラグインjFeed: JavaScript jQuery RSS/ATOM feed parser plugin - jf-hovinne.blogをつかえば、フィードを解析してくれるので表示数だけ制限できるようにすれば、それもスマートかと。

まだ他にもいろいろと方法はあるかと思います。今盛んに使われるjsonデータ処理などは知識に入れておいたほうがいいかと。また、json変換方法なんかもいろいろとあります。難しいけどそこら辺もいくつかパターンだけ知っておいたほうがいいかとも思います。

とりあえず、今は他のことで忙しいのでレビューポスターを使うことにしました。タグも自分でいじくったりできるので、自サイトの雰囲気に合わせてちょっと表示やタグを変えてみてもいいかと。