WikipediaによるとFacebook(フェイスブック)は現在、日本国内のユーザー数は約180万人で世界中に5億人を超えるユーザーを持つ世界最大のSNSだそうです。このユーザー数からも見てFacebookのいいねボタン(Like Button)の設置は是非設置しておきたいツールの一つだと思います。
いいねボタン(Like Button)-Facebook開発者に行きコードを取得する
まずはLike Button-Facebook開発者に行きコードを取得する必要があります。Like Button-Facebook開発者であなたのホームページアドレスを入力し、お好みのスタイルを選んでGet Codeを押しコードを取得します。
コードはiframeとXFBMLの2種類のコードが出てきますがここではiframeのコードを使って説明していきます。
上記の画像のコードは当サイトのアドレスを入力した場合に出てきたコードです。通常のホームページではページごとにアドレスを入力しなおしてコードを取得します。
WordPressにいいねボタンを設置する場合は自動でアドレスが変わり簡単です
WordPressの場合はページごとに再度コードを取得必要はありませんhref=アドレスの部分をhref=<?php echo urlencode(get_permalink($post->ID)); ?>の様に書き換えると自動でそのページのアドレスが表示されます。下記のコードは当サイトのWordPressで使っているFacebookのいいねボタンLikeのコードです。ちなみにwidth:120px、height=21にして有ります。
<iframe src="http://www.facebook.com/plugins/like.php?href= <?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=true &width=120&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>
最終更新日: 2013年2月3日