はてなブックマークのシェアボタンを設置する機会があったので、設置方法をメモ。
設置方法
ボタンの生成ページがあるので、そちらからコードを生成して埋め込むことができます。
ボタンのデザインを選択後、表示するラベルやブックマーク数の表示の有無などを選択して、問題なければ右側に表示されるコードを埋め込みたい部分に追加すればOKです。
シェアボタン埋め込みのデモページ
ボタンのデザインを変更する
シェアボタンに画像を使いたい場合、手動でリンク先を設定すればシェアすることができます。
記事を作成している現在、以下の形でURLを設定すればシェアできるようです。
https://b.hatena.ne.jp/entry/panel/?url=【シェアするページURL】&btitle=【ページタイトル】
例えば当ブログのトップをシェアさせる場合、以下のようになります。
<a href="https://b.hatena.ne.jp/entry/panel/?url=http%3a%2f%2fcly7796%2enet%2fwp%2f&btitle=cly7796%2enet" target="_blank">はてなブックマークでシェア</a>
ただし、URLのルールが変更になったりする可能性もありますのでご注意ください。
シェアボタンのデザイン変更のデモページ
【参考サイト】
コメントが承認されるまで時間がかかります。