other

「はてなブックマーク数&登録ボタン&ランキング」をホームページやブログに設置 ~ワードプレス、ムーバブルタイプ~

自身のブログにはてなブックマークへの登録ボタンや記事のブックマーク数、
ブログ内のブックマークランキングを設置したくて調べた内容のおぼえがきです。


★自分のブログに「↑B」「B!」アイコンを表示する
————————————————————————————————————————————————————

ブックマーク登録の「↑B」やブックマーク表示「B!」ボタンの表示方法は
下記はてなブックマークに掲載されています。
http://b.hatena.ne.jp/help/button

下記ソースの「画像のURL」という個所は参照させる画像のパスを入力します。
※アイコン画像も支給されてますので、自身のサーバーへアップします。

【MovableType、WordPressのタグについて】
————————————————————————————————————————————————————
以下はMovableTypeのタグ<$MTEntryPermalink$>にての説明ですが、
WordPressの場合はそこを、<?php the_permalink(); ?>に置き換えてください。

●ブックマーク登録の「↑B」
  <a href=”http://b.hatena.ne.jp/entry/add/<$MTEntryPermalink$>”>
  <img src=”アップロードした「B!」画像のURL” width=”16″ height=”12″ style=”border: none;”
   alt=”このエントリーをはてなブックマークに追加” title=”このエントリーをはてなブックマークに追加” />
  </a>

●ブックマーク表示「B!」
  <a href=”http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>”>
  <img src=”アップロードした「↑B」画像のURL” width=”16″ height=”12″ style=”border: none;”
   alt=”このエントリーを含むはてなブックマーク” title=”このエントリーを含むはてなブックマーク” />
  </a>

●登録数を表示するには下記記述でOKです。MTタグで記事URLを取得して登録数を表示します。
<a href=”http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>”><img src=”http://b.hatena.ne.jp/entry/image/large/<$MTEntryPermalink$>”></a>

★ブログに「はてなブックマークランキング」を設置
————————————————————————————————————————————————————

下記ブログパーツの記述を利用します。
URLやタイトル、表示数等を変更するだけで利用可能です。便利ですね。

<script type=”text/javascript” src=”http://b.hatena.ne.jp/js/widget.js” charset=”utf-8″></script>
<script type=”text/javascript”>
Hatena.BookmarkWidget.url = “http://lala-rockets.com/blog/”;
Hatena.BookmarkWidget.title = “人気エントリー”;
Hatena.BookmarkWidget.sort = “count”;
Hatena.BookmarkWidget.width = 160;
Hatena.BookmarkWidget.num = 10;
Hatena.BookmarkWidget.theme = “default”;
Hatena.BookmarkWidget.load();
</script>

これらをサイトに表示させる事によって、ユーザーの回遊率が少しは上がる?かも。