Facebookいいね!ボタン設置

2011/02/11

先日当サイトにmixiイイネ!ボタンを設置しましたが、Facebookのいいね!ボタンも同様に設置しました。

設置方法はFacebook開発者用サイトのLike Buttonページより以下のようなコードを生成して各ページに配置するだけです。

<iframe src="http://www.facebook.com/plugins/like.php?href=<対象URL>&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21"
        scrolling="no"
        frameborder="0"
        allowTransparency="true"
        style="border:none; overflow:hidden; width:450px; height:21px;">
</iframe>

「href=」で指定するURLの部分はプログラムで動的に生成、見た目の微調整はCSSで指定すればよいでしょう。エスケープの方法は以下のページに記載してあります。

関連資料・記事