SBMチェッカー（ブックマーク数表示ツール）

ツール・サイト > SBMチェッカー（ブックマーク数表示ツール）

SBMチェッカーは「ソーシャルブックマーク数」を画像でまとめて表示するツールです。気になるページのブックマーク数を気軽にチェックすることができます。同時にブックマークレット、Javascriptソースも公開しています。

SBMチェッカー

URLを入力後、「表示」ボタンをクリックしてください（Javascript必須）。

※"/"(スラッシュ)の有無によってもブックマーク数が異なるので注意してください。
※ブックマーク数が０件の場合は何も表示されません。
※del.icio.usの新仕様が分からないため除外(2008/08/11)

SBMチェッカー ブックマークレット

SBMチェッカーのBookmarklet（ブックマークレット）です。チェックしたいページでSBMチェッカーブックマークレットを使用するとページの最上部にブックマーク数が画像で表示されます。以下にブックマークレットの使用前・使用後のサンプルを表示しておきます。

SBMチェッカーブックマークレット使用前

SBMチェッカーブックマークレット使用後

登録するには、下記のリンクを右クリックしてお気に入りに追加（ブックマーク）してください。

※del.icio.usは物理的に不可能。IE6の場合はサイズの制限の関係ではてな・livedoorの２種類表示。

JavaScriptソース

SBMチェッカーはJavaScriptのみで動作しています。せっかくなのでJavaScriptのソースも公開しておきます。自由に加工してご利用ください。

※「del.icio.us」のブックマーク数を取得する為には、mitsunari@cybozu labsのmd5.jsが追加で必要になります。

JavaScriptの簡単な使い方

簡単で便利な例としては、「Javascriptを張り付けたページのブックマーク数を表示する」という使い方だと思います。SLL.Bookmarkクラスの引数にURLを渡すと指定したURLになりますが、省略するとJavascriptを表示するページのURLのブックマーク数を表示するので使い分けることが簡単にできます。

以下は「はてなブックマーク」、「livedoor clip」、「Yahoo!ブックマーク」の３種類を表示するソースサンプルです。

<script src="http://[ドメイン]/[ディレクトリ]/sll-bookmark.js"
 type="text/javascript"></script>
・・・・・
<script type="text/javascript">
var sbm = new SLL.Bookmark(); //引数省略で現在のページ参照
var html = '';
html += sbm.getImageHTML('hatena', 'L'); //はてなブックマーク
html += sbm.getImageHTML('livedoor', 'M'); //livedor clip
html += sbm.getImageHTML('yahoo', 'S'); //Yahoo!ブックマーク
document.write(html);
</script>

１．SLL.Bookmarkオブジェクトを生成して、
２．ブックマーク数画像のHTMLを取得して、
３．画面に出力する。
これだけでブックマーク数を表示することができます。getImageHTMLメソッドで指定する引数は以下の通り。

それなりに見やすく作ったつもりなので、これ以上は各自ソースを解読してください。

参考：各ソーシャルブックマークサービス（SBM）のブックマーク数画像表示APIを調べた