はてなブックマークのブックマーク数を取得できるAPI

オリジナルデザインのはてなブックマークボタンを作ったことがあって、そのとき調べたブックマーク数を取得するAPIを紹介します。

API仕様

シンプルなJSON形式です。コールバック名を指定することで、JSONPにも対応しています。

http://api.b.st-hatena.com/entry.count?url=URL (GET)
http://api.b.st-hatena.com/entry.count?url=URL&callback=コールバック名 (GET/JSONP)

レスポンス例

試しにYahooのブックマーク数を取得してみます。おぉー！数字が返ってきた。でもなぜか、content-type が、text/plain。

実際のレスポンスを見る

JavaScriptサンプル

JSONPでテキストボックスに入れたURLのブックマーク数を表示するJavaScriptを作ってみました。ローカルPCでも動きますので、試してみたい方はどうぞ。取得する URLをdocument.location.hrefにすれば、現在のページのブクマ数も取得できて、オリジナルデザインを作ることも可能です。

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#btn').click(function() {
        var $this = $(this);
        var url = $('#url').val();
     $.getJSON('http://api.b.st-hatena.com/entry.count?url='+encodeURI(url)+'&callback=?', {}, function(bookmark_count) {
      $('#count').text(bookmark_count);
     })
 });
});
</script>
</head>
<body>
<div>
    <input type="text" name="url" id="url">
 <button id="btn">View</button>
 <div id="count">
 </div>
</div>
</body>
</html>

まとめ

人気サイトの指標ともいえるブックマーク数。Facebookのいいね数とTwitterのツイート数を組み合わせれば、人気サイトの解析とかいろいろ使えそうですね。

2013/03/08