はてなブックマークカウンター


はてなブックマークカウンターを自分のサイトに貼り付ける

はてなブックマークカウンターは任意の"ウェブサイト全体"の被ブックマーク数をカウンター画像として表示する機能です。自分の日記やブログが全体で何件ブックマークを獲得しているかを画像カウンターでお知らせします。(なお、"特定の記事"の被ブックマーク数もまた別の方法で表示することができます。詳しくは こちら を参照してください。)

例えばはてなブックマーク開発ブログのはてなブックマークカウンターは次のように表示されます。

はてなブックマーク開発ブログのカウンター

また、はてなブックマークのヘッダ色に合わせて各色バリエーションを用意しています。

  • はてなブックマーク開発ブログのカウンター 標準 (de)
  • はてなブックマーク開発ブログのカウンター グレー (dg)
  • はてなブックマーク開発ブログのカウンター 緑 (gr)
  • はてなブックマーク開発ブログのカウンター 紫 (pr)
  • はてなブックマーク開発ブログのカウンター 茶 (br)
  • はてなブックマーク開発ブログのカウンター 赤 (rd)
  • はてなブックマーク開発ブログのカウンター セピア (sp)
  • はてなブックマーク開発ブログのカウンター ピンク (pk)
  • はてなブックマーク開発ブログのカウンター 抹茶 (te)
  • はてなブックマーク開発ブログのカウンター ライトグレー (lg)
  • はてなブックマーク開発ブログのカウンター ライトブルー (lb)
  • はてなブックマーク開発ブログのカウンター 白 (wh)
  • はてなブックマーク開発ブログのカウンター 黒 (bl)
  • はてなブックマーク開発ブログのカウンター ライム (li)
  • はてなブックマーク開発ブログのカウンター オレンジ (or)

はてなブックマークカウンターは、はてなグループはもちろん、はてな以外のブログサービス他でもご利用いただけます。


はてなグループにはてなブックマークカウンターを設置する

はてなグループをお使いの場合、はてなブックマークカウンターの設置には「はてなブックマークカウンターモジュール (bcounter モジュール)」を利用するのが簡単です。

設定画面からページのヘッダもしくはフッタに

<hatena name="bcounter">

と記述するとその日記のヘッダ色と同じ色のカウンターが出力されます。画像の色を変更するなど、そのほかモジュールのオプションについては はてなダイアリーのヘルプ - 自分の日記の総ブックマーク数を表示する(bcounterモジュール) を参照してください。


はてな以外のブログ(ウェブサイト)ではてなブックマークカウンターを設置する

カウンターを設置したい箇所(テンプレートなど)に以下のHTMLをコピー&ペーストして「ブログのURL」と記述された箇所をそのブログのURLに変更して保存してください。(ここでは表示のために改行を挟んでいますが、ペーストする際は改行はいれずに一行で記述してください。)

<a href="https://b.hatena.ne.jp/entrylist?url=ブログのURL">
<img src="https://b.hatena.ne.jp/bc//ブログのURL" class="bcounter"
alt="この日記のはてなブックマーク数" title="この日記のはてなブックマーク数"></a>

色の部分に好きな色(de, wh, or など半角アルファベット2文字)を指定してください。色指定がない場合は標準色(de)が表示されます。


注意事項

  • はてなブックマークカウンタの数字は一定時間キャッシュされるため、実際の数字と表示された数字との間で若干のずれを生じる場合があります。