SBMチェッカー(ブックマーク数表示ツール)


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

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

SBMチェッカー

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

URL:

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

 

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

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

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

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

 

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

SBMチェッカー(通常) - はてな、livedoor、Yahoo!の3種類のブックマーク数を表示。

SBMチェッカー(IE6用) - 上記が動作しない場合(主にIE6)にご利用ください。

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

 

JavaScriptソース

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

sll-bookmark.js - SLL.Bookmarkクラス。ブックマーク数画像取得クラス。

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

 

JavaScriptの簡単な使い方

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

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

<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>

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

getImageHTML(bookmark, size)

bookmark ・・・ 必須。"del.icio.us"、"hatena"、"livedoor"、"yahoo"、"buzzurl"、"fc2"

size ・・・ 任意。"S"、"M"、"L"。省略時は"S"。"hatena"、"livedoor"、"yahoo"以外は効果なし。

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

 

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

最終更新:2008年8月11日

トラックバック(0)

トラックバックURL:

※トラックバックのリンク確認後に掲載させて頂きます。
(当エントリー又は当サイトへのリンクがない場合は掲載しない可能性があります)

コメント

感想・要望等ありましたら気軽にコメントしてください。
(※Captchaはスパムコメント対策用の画像認証です)


画像の中に見える文字を入力してください。