はてなブックマークボタンの設置方法 個別ページ編(PHPが使えるサイト)
投稿日：2016年03月31日
最終更新日：
目次
- タグの取得
- PHPで使うカスタマイズ
- 完成形
タグの取得
なにはともあれタグの取得です。まずは公式ページにアクセスしましょう。
こんな感じのページです。設定項目は
- ボタンのタイプ
- サイトのドメイン名
- サイト名
- ブックマーク数の表示タイプ
- 言語
貼り付けるタグが出力されたら、とりあえず適当なテキストエディタにコピーしておきましょう。
PHPで使うカスタマイズ
ここからが本題になります。タグの編集作業です。頑張っていきましょう。 [PHP]
[/PHP]
(上の例ではサイトURLはhogehoge.com サイト名は「ほげほげ」)おそらくこんな感じのタグを取得できたと思います。まずはこれを2つに切ります。<script type=”text/javascript” で始まるところを探して、ここで切ります。切ったあとは [PHP]
[/PHP]
こんな感じになります。下側のタグ(Script要素)は、はてなブックマークボタンを設置するページの何処かで(Headタグが終わる直前かBodyタグが終わる直前がメジャー)1回登場すればいいです。
今回カスタマイズするのは上側のタグ(A要素)です。ここから本格的にカスタマイズしていきます。今回はPHPを利用しているので、ページURLの取得はPHPで行います。ページURLを取得するコードは、こちらのサイトを参考に組んでみました。
[PHP]
[/PHP]
これを
[PHP]
[/PHP]
の中のhogehoge.comの箇所に出力すればいいので、こんな感じになります。
[PHP]
