WordPressにプラグインを使用しないで"はてブボタン"を設置する方法

ソーシャルボタンシリーズ最後は、はてブボタンです。

2012年3月13日に下記のような発表もされ、現在トラッキングは行われていないとのことです。
はてなブックマークボタンが取得した行動情報の第三者への送信を停止しました

ボタン設置のためのコードを取得

『はてなブックマークボタンの作成・設置について』にアクセスしてボタン設置のためのコードを取得します。
http://b.hatena.ne.jp/guide/bbutton

ボタンを設置するページの情報を入力

後で書き換える部分になりますが、仮の情報を入れておきます。
今回はURLに"http://planbworks.net/"、タイトルに"Plan B works"と入れました。

ボタンのタイプを選択

数字を非表示にしたいのでシンプルボタンを選択。

取得したコードを書き換える

取得したコードを書き換えます。
上の画像でマークした所がこれから書き換える部分です。
書き換え前のコードはこんな感じ。

黄色でマークした部分

仮に入れたアドレスをブログの記事ごとに変えられるよう、

と書き換えます。

ピンクでマークした部分

記事のタイトル | ブログタイトル と表示されるよう、

と書き換えます。

完成

完成したコードはこんな感じです。
このコードを配置したい場所に記述します。

一時配布されていた、「オプトアウト版」は、現在配布されていないようです。
トラッキングを停止したということで、トラッキング版もオプトアウト版もあったもんじゃないですよね。
このブログもオプトアウト版から、元のコードに書き換えました。

  • Advertising
  •  

関連記事

コメント