Script Kittyでタグ「API」が付けられているもの

はてなブックマークのページでは、エントリータイトルの横に、そのエントリーをブックマークしたはてブユーザー数が表示されています。ユーザー数をクリックすると、エントリーのサムネイルと文章の一部、ブックマークしているユーザーの一覧などを見ることができます。

これ、自分のブログでも表示できたら、どのエントリーが人気あるのかわかってよいですね。

数日前のはてなスタッフブログで、ユーザー数を表示するAPIの使い方が公開されていました。
はてなブックマーク日記; ブックマーク数を画像で取得する API の公開について

画像で、というのがちょっと鬱陶しいですが、、見た感じはそっくりになるので良しとしましょう。
ちなみに、いったいいくつまで画像用意してあるのかなと思ったら、9999usersまでで、10000の画像はありませんでした。

上記の日記では「http://b.hatena.ne.jp/entry/image/エントリーのURL」で表示できるとありますが、これでは全エントリに一つずつ書き加えなければなりません。

MovableTypeでは<$MTEntryPermalink$>でエントリーの固定URLを取得できます。
なので、テンプレートの任意の場所に以下のように書けば、全エントリーに適用できちゃうわけです。

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>">

ただし、テンプレートはメインページ、個別アーカイブ、カテゴリアーカイブなどにわかれていますので、そのページに応じてそれぞれ修正しなければならないので注意。今後サービスに変更があることを考えてモジュール化してしまってもよいかもしれません。

数字の表示だけでなく、はてブと同じようにユーザーの詳細表示リンクをつけたいなら、「http://b.hatena.ne.jp/entry/http://<$MTEntryPermalink$>」へリンクをはればOKです。

ついでに、「はてなブックマークへ追加ボタン」も置いちゃいましょう。
はてブへ追加するためのリンクは「http://b.hatena.ne.jp/append?エントリーのURL」なので、このボタン画像を自分のサーバの任意の場所に置き、以下のように書きます。

<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink$>"><img src="画像を置いた場所" alt="はてなブックマークへ追加" width="16" height="12" border="0"></a>

ユーザー数と同様、置きたい場所に応じてテンプレートに追加してください。

こんな具合です。
このエントリーをはてなブックマークに追加 

ユーザー数が少ないとさみしいので、がんばってブックマークされましょう。

スポンサーリンク



Creative Commons License
このブログのライセンスは クリエイティブ・コモンズライセンス.