読者です 読者をやめる 読者になる 読者になる

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

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

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

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

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

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

  • はてなブックマーク日記のカウンター 標準 (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="http://b.hatena.ne.jp/entrylist?url=ブログのURL">
<img src="http://b.hatena.ne.jp/bc//ブログのURL" class="bcounter" 
alt="この日記のはてなブックマーク数" title="この日記のはてなブックマーク数"></a>

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

注意事項

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