ブログに「Facebook」の Like ボタンを設置しました

このブログに、Facebook の Like ボタンを設置しました。記事タイトルの真下あたりに「Like」または「いいね!」表示されると思います。

日本では Facebook を知っている人はまだまだ多くないです。少なくとも僕の母は mixi と gree を知っていても Facebook を知らない状態です。ですが英語圏では圧倒的なシェアを誇る SNS です。今後の発展を考えると注目しつづけなきゃいけません。

Like ボタンを設置するために必要なコードは以下のページで取得できました。

- Like Button - Facebook開発者
-- http://developers.facebook.com/docs/reference/plugins/like

ページ下部のフォームでアバウトに見た目を確認しながら作業します。



Like ボタンで「いいね」と言って欲しいアドレスを入力したり、テンプレートにコピペしたときに調整した URL を入れたりします。あとは幅とか、ボタンを押した人を表示するか、とかです。最後にGet Code ボタンを押すと ifreme なコードを取得できます。

出来上がった Like ボタンのコードはstyleのwidthとheightの値が最適ではなかったので、何度か調整とページの再構成を繰り返しました。

最終的に以下のようなコードになりました。

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdiary.overlasting.net%2Fsample.html&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:75px; height:20px"></iframe>


上記のコードをテンプレートの任意の箇所に貼付けると、このブログ用の Like ボタンを設置できました。

関連リンク


- Facebook
-- http://www.facebook.com/

- Facebookの”like”ボタンは立ち上げから24時間で10億回押されるって
-- http://jp.techcrunch.com/archives/20100421facebook-like-button/


投稿者:としのり  日時:23:59:59 | コメント | トラックバック |
blog comments powered by Disqus