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

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変換方法なんかもいろいろとあります。難しいけどそこら辺もいくつかパターンだけ知っておいたほうがいいかとも思います。

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

レビューポスター

レビューポスターはRSSフィードを取得して、それを表示するwidgetです。ブログを使って情報発信している方には柔軟なwidgetとしてつかえると思います。読み込ませるフィードも変えてみるとページ毎にユーザーにとって欲しい情報を提供できるということになります。

テクノラティAPIを使って情報表示してみてもいいかも。deliciousなんかの情報表示ページにもいいかと。そのページに合わせてユーザーの欲しいコンテンツを近くに。そうした気遣いもファンを作る要素。ユーザビリティ向上につながることだと思います。ユーザーにもサイト運営者にも使えるwidgetです。

トラックバック(0)

このブログ記事を参照しているブログ一覧: レビューポスターを使ってMovabaletypeで人気エントリー表示

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/291

コメントする

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このブログ記事について

このページは、スカイが2007年9月23日 02:49に書いたブログ記事です。

ひとつ前のブログ記事は「魅力的に成長するMT4が気になる」です。

次のブログ記事は「edita.jpエディタに登録して横のつながりを広げる」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。