Facebook:いいねボタンの設置

最終更新日時:2012-01-19 16:50:37
Facebook

概要


Facebook のいいねボタン (Like Button) を任意の位置に設置する方法です。
いいねボタンをクリックされることにより、そのクリックした人のウォールにリンクが貼られますので、サイトの活性化の一環として有効です。


設置方法


Facebook Developers にいいねボタンを設置するためのページが用意されていますので、これを使うことにより簡単に設置することが出来ます。

http://developers.facebook.com/docs/reference/plugins/like/

以下を設定し、サイトに貼り付けるコードを取得します。

項目概要
URLリンクを張るURLです。
Send Button「送る」ボタンを設置するかどうかです。「送る」ボタンを設置すると、共有するユーザーを指定することが出来ます。
Layout Stylestandard/button_count/box_countのいずれかから選択可能です。ボタンのレイアウトが変わります。
Widthいいねボタン全体の幅です。
Show Facesいいねボタンをクリックしたユーザーの顔写真が表示されます。
Verb to displaylike/recommendから選択します。likeが「いいね」、recommendが「おすすめ」となります。
Color Schemelight/darkから選択します。色合いが変更されます。
Fontフォントを選択可能ですが、日本語の場合意味がなさそう。。。


設定ができたら、GetCode をクリックして貼り付けるべきコードを取得します。
コードは、HTML5/XFBML/iframe の3種類から選択できます。

あとは、取得したコードをサイトの任意の位置に貼り付ければOKです。

お問い合わせは 掲示板 にて。