[[ともっくす alloc] init]

ともっくすの雑多な日記と技術的なメモ

自分のページにソーシャルボタンを設置したい① 〜ツイッターとはてブ

自分のサイトを公開するにあたって,ツイッターのツイートボタンとか,はてなのはてなブックマークボタンとか,Facebookのいいねボタンとか,そういうソーシャルボタンを設置したい.

で,いいねボタンは長くなるので,今回は,ツイッターとはてブについて.

てか,ツイートボタンもはてブボタンもかなり簡単.

ツイッター

まず,ツイートボタンのコードを公式ページから取得する.
> Twitter / Twitter buttons

ボタンのタイプを選択したり,オプションを決めたりしてから,プレビューを確認して,それで良ければ,コードをコピーする.

で,コピーしたコードを,任意の場所に貼り付ける.
scriptタグについては,同じ場所である必要はなく,bodyタグの最後あたりでもいい.

はてブ

同じく,コードを公式ページから取得する.
> はてなブックマークボタンの作成・設置について - はてなブックマーク

これまた同じく,ボタンのタイプを選択したり,オプションを決めたりしてから,プレビューを確認して,それで良ければ,コードをコピーする.

で,コピーしたコードを任意の場所に貼り付けるわけだが,同じように,scriptタグについては,同じ場所である必要はなく,bodyタグの最後あたりでもいい.


たったこれだけ! 簡単!*1

*1:普段はローカルでデザインとかを確認してるのだが,はてブボタンを押しても,タグとかコメントの入力を促すポップアップが出てこなくて,無駄に悩んでた.本番環境にアップロードしたら普通に出来たけど.