Topsy APIで「言及tweet」をブログに表示 - ブログへの言及はブログ外で行われる時代

　
■Topsy - A search engine powered by tweets
http://topsy.com/
　
Topsy はtwitterのデータ収集をベースにした検索エンジンで、
その機能の1つとして、URLから 言及tweet一覧を表示 する逆引き機能
があります。topsyのURLにhttp://を抜いた自分のURLをくっつける
だけで言及tweetが出てくるというシンプルな機能もあります。
　
■Twitter Trackbacks for デジモノに埋もれる日々: iPadを”窮屈”に思うボクらが意識させられる「立ち位置」のコト [homeip.net] on Topsy.com
http://topsy.com/c-kom.homeip.net/review/blog/archives/2010/06/ipad_personal_computer.html
　
これをもうちょっとちゃんとした型のデータで受け取るために、
専用のAPIも用意されています。
　
■otterapi - Project Hosting on Google Code
http://code.google.com/p/otterapi/
■Resources - otterapi - Project Hosting on Google Code
http://code.google.com/p/otterapi/wiki/Resources?tm=6
　
今回はこのAPIの 「trackbacks」 というメソッドを使い、
URLを渡してその言及tweetをjsonp形式で取得、それをそのまま
表示用のjavascript functionに喰わせて表示するようにしました。
　
各ブログ記事ページに以下の3つの追加がしてあります。
　
■表示用function定義
<script type="text/javascript" src="/review/blog/js/topsy_trackback.js"></script>
ロジックはjs自体の中身をご参照のこと。単にjsonで貰った
tweet情報のリストをforループでHTMLに整形しているだけです。
　
■埋め込み場所に空divを設置
<div id="topsy_trackback_listbox"></div>
　
■ページ最下部でtopsy APIに記事URLを渡してコールし、jsonpを取得
<script type="text/javascript" src="http://otter.topsy.com/trackbacks.js?callback=display_topsy_trackback&perpage=50&order=date&url=http://c-kom.homeip.net/review/blog/archives/2010/09/amatomo_regza_32h1_half_hd.html"></script>
　
最近は私のブログの記事を 自動チェック されているbotの方々がいて、
その方々だけで最初の数個の言及が埋まるのですが、それ以外にも時々
多くの言及tweetを頂けることがあります。大変ありがたいことです。
　
2年以上前には、masudriveさんのツールを使わせていただいて、
はてなブックマーク での言及をブログ記事に表示する機構も取り入れました。
　
■2008/04/22 [ブログの各記事にはてなブックマークのコメント表示をつけました
ブログの各記事にはてなブックマークのコメント表示をつけました]
■masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
http://blog.masuidrive.jp/index.php/2008/04/17/released-hatena-bookmark-anywhere/
■masuidrive on rails - hatana_bookmark_anywhere.jsの設置方法とカスタマイズ
http://blog.masuidrive.jp/index.php/2008/04/18/how-to-setup-hatana_bookmark_anywhere-js/
　
今回のtopsyによる言及tweetリストについてもそうですが、
　
　ブログ記事への言及は「ブログ外」で行われるほうが圧倒的に多い
　
というところに時代の流れを感じます。
ウェブというものは、今ではすっかり 「サイト単位」 で観るだけでは
全体を把握できないモノになっていることを実感させられますね。