Amazon商品の価格変動チェック「あまとも」
コミックダッシュ!は初音ミクGTプロジェクトを応援しています
個人ニュースサイトを巡回する「メガとんトラック」
全ての記事 携プレMP3 デジカメ レコーダ ゲーム メモリ デジモノ コラム 雑談 ブログ あまとも コミックダッシュ!
前の記事次の記事
2010/09/10 23:59 - 2010/09/10

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

カテゴリ : ブログ タグ :

    少し前からですが、TopsyのAPI を利用して、
    ブログ各記事への 言及tweetを表示 するようにしています。
     
    例としてはこんな感じになります。
     
    ■2010/06/06 [iPadを”窮屈”に思うボクらが意識させられる「立ち位置」のコト]
     

     
    ■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リストについてもそうですが、
     
     ブログ記事への言及は「ブログ外」で行われるほうが圧倒的に多い
     
    というところに時代の流れを感じます。
    ウェブというものは、今ではすっかり 「サイト単位」 で観るだけでは
    全体を把握できないモノになっていることを実感させられますね。

    CK@デジモノに埋もれる日々 @ckom
    ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。



    投稿者 CK : 記事URL | ブログ | | 2010/09/10 23:59


    « あまとも通信 - 東芝REGZA 32H1が値下がり、ハーフHDの32型は4万円台突入

    トップに戻る

    Xbox360の新コントローラ「Razer Onza」 - TGSにお目見えするも発売日は未定? »



    ▼ コメント ▼

    ご自由にコメントください(=゜ω゜)ノ  ▼ コメント入力欄を開く ▼
    ※管理人は多忙のためお返事はほとんどできません(スミマセン)。
    スパムおよび本文と無関係なコメントは削除対象になる可能性があります。


    ▼ はてなブックマークのコメント ▼


    ▼ トラックバック ▼

    このエントリーのトラックバックURL:

    ★コミックダッシュ! 10,000人突破ありがとうキャンペーン!(9/18~10/23)
     
    デジモノに埋もれる日々 : (C) CKWorks