aquapple

フェイスブックのお手軽機能である「Like」こと「いいね！」ボタンをこのサイトにも追加しました。

現在のところ、トップページおよび個別エントリーの下部に設置しています。

この「いいね！」ボタン、設置方法には次の2通りがあります。

• Facebook公式のコード生成ツールを使う
• WordPressのプラグインを利用する

前者の場合はLike Button – Facebook開発者にあるフォームに必要事項を記入し、Get Codeボタンを押すだけ。

iframe方式の場合は例えば次のようなコードが生成されます。

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

これはこれでいいのですが、今時iframeなんて…と思っている方の為にXFBML形式も同時に生成してくれます。その場合は次のようなコードになります。

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="YOURWEBSITE"></fb:like>

こちらの方が断然簡潔で見やすいですよね。facebook.netの後のen_USをja_JPに変えると「Like」が「いいね！」表記に変わるのでは、と容易に想像がつくコードです。

後者はWordPressユーザー限定になりますが、HTMLに自分でコードを埋め込む必要が無くなる為、テンプレートが変わっても引き続き表示できるという利点があります。私はこちらの方法をチョイスしました。

海外ではすでにフェイスブックが相当普及していることから、WordPress向けのプラグインも大量に存在しています。このうち、先のXFBML形式での埋め込みに対応しているプラグインを探していたところ、Like-Button-Plugin-For-Wordpressを見つけました。

設定のポイントとしては「Activate XFBML (JavaScript SDK)」にチェックを入れること。機能が豊富なプラグインな上、日本語での情報が少ないため設定には苦労しましたが、最低限ここにチェックを入れておけばXFBML形式になるはずです。

先日のフェイスブックで盛大に誕生日を祝ってもらった！には200人近い方からいいね！が付いていて、正直驚いています。Facebookの外に付けられた「いいね！」を可視化することで、新たな発見にも繋がると思います。Facebook+WordPressユーザーの方はぜひお試しあれ。

関連するエントリー

• 2011年もフェイスブックで誕生日を祝っていただきました！ (2011/10/18の記事)
• フェイスブックに「aquapple」のファンページを開設しました (2011/01/18の記事)
• 「新はてなブックマークボタン」を設置し、タイトルまわりを再配置しました (2010/11/26の記事)
• [復旧済み] サイトに繋がらない状態になっていました (2010/08/03の記事)
• このサイトに「TweetMeme」プラグインを追加しました (2010/06/13の記事)
• お問い合わせページを新設しました (2009/07/07の記事)