サイト制作に関するメモ書き

HOME > その他 > はてなブックマークのシェアボタンを設置する

はてなブックマークのシェアボタンを設置する

はてなブックマークのシェアボタンを設置する機会があったので、設置方法をメモ。

設置方法

ボタンの生成ページがあるので、そちらからコードを生成して埋め込むことができます。

ボタンのデザインを選択後、表示するラベルやブックマーク数の表示の有無などを選択して、問題なければ右側に表示されるコードを埋め込みたい部分に追加すれば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のルールが変更になったりする可能性もありますのでご注意ください。
シェアボタンのデザイン変更のデモページ
 

【参考サイト】

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

▲PAGE TOP