at posts/single.html

日記へのTwitterでの「つぶやかれ数」を表示するようにした

日記やブログを書いたときに、読者とのコミュニケーション方法は時代とともに変わってきた。 ツッコミやリファラからはじまり、(そういえば最近はあまり使われなくなった)Trackbackを経て、Deliciousやはてなブックマークなどのソーシャルブックマークで外部のサイトと繋がるようになった。 こうやってコミュニケーションのパスが増えるのはいいことだと思う。 この日記でも、エントリの最後にはてなブックマーク数を載せるようにしている。

そして最近では、はてブに加えて Twitter での反応も増えてきた。 はてブでの反応は、フィード(RSS/Atom)や検索エンジン経由で見に来てくれた人がそのままブクマするパターンが多い。 人を介してブクマが広がるのは、ホッテントリ (hotentry) に入った時くらい。 一方でTwitterでの反応は、人(によるRT)を介して広がるパターンが多く、はてブとは違った広がりを見せる。 Twitterのほうが、より「口コミ」っぽいと言える。

はてブと同じようにTwitterでの反応を知りたい

せっかくこの日記を読みに来てくれる人がいるんだから、その反応をまとめて読みたい。 どうやらWordPressには Twitter での反応を自分のブログ上のコメント欄に表示するプラグインがあるみたい。 URL短縮サービスのbit.lyでも、そのページへのTwitterのつぶやきをまとめて見られるようになっている。 例えば、「Webを支える技術」本の感想への反応を見たりとかね。

調べてみたら、 bit.ly も WordPress のプラグインも、 BackType.com というサービスを利用しているみたい。 BackTypeでは個別エントリへの反応をWebインタフェースで見ることもできるし、ブログに貼り付けるウィジェットも用意されている。 APIを使って自分で欲しいデータだけを集めることもできる。

さらに調べていたら、似たようなサービスが他にあることを知った。

最終的に、ここで紹介されている Topsy というサービスを利用することにした。 BackTypeとTopsyを比較しての結論。

  • API利用制限: BackType は非商用で1,000リクエスト/日だけど、Topsyは10,000リクエスト/時。
  • APIキーの存在: BackTypeのAPIを使うにはAPIキーの取得が必要。Topsyは不要(IPアドレスでチェックしているみたい)。
  • ブログパーツ: BackTypeはIFremeで描画しているので、読み込み時に待ちが入る。Topsyは直接DOMを書き換えるので固まらない。また、パラメータでのカスタマイズも豊富
  • セクションアンカー: BackTypeはURLのアンカー(#以降ね)を無視する。これは1ページに複数の記事が入る tDiary では使いにくい。

Topsyの使い方

  • 検索文字列にsite:machu.jpなどと指定すると、そのサイト内の人気記事リストが表示される。(はてなブックマークでの○○の人気エントリに相当)
    • 個別記事へ飛ぶことで、Twitterでのコメント(つぶやかれ)一覧を見ることができる。
  • Topsy Retweet Buttonを使えば、簡単にブログ上にコメント数を表示できる。
  • APIを使えば、より細かく情報を取得できる。ブログへの反応なら stats (つぶやかれ数を取得)や trackbacks (つぶやかれの内容を取得)あたりか。

Topsyを使ってtDiaryのRetweetプラグインを書いた

という訳で、 Topsy の Retweet ボタンを呼び出すプラグインを書いた。

Topsy Retweet Button on tDiary

このボタンでできること。

  • 表示している日記へのつぶやかれ数を表示
  • Retweet ボタン(つぶやくボタン)で日記内容を簡単にTwitterへつぶやき

スクリプト内の @topsy_nick を書き換えて使ってください。

関連する日記