Like Boxといいねボタンを設置
いいねを設置
- いいね(Facebook)ボタン：コード生成ページ
- http://developers.facebook.com/docs/reference/plugins/like/
※アカウントが認証されていない場合は、以下の画面が表示されます。
ボタンのオプション
URL to Like
- 「いいね！」ボタンの対象になるWebページのURLを指定する
- ここで指定したURLが、Facebook上などで紹介されます
Send Button(XFBML Only)
- 「いいね！」ボタンの右側に、「送る」ボタンを設置するかどうかを選択できる
Layout Style
- ボタンを表示するスタイルを選択します
| standard | ボタンの右側に、メッセージが表示される |
| button_count | ボタンの右側に、押した人の数が表示される |
| box_count | 押した人の数とボタンが縦に並ぶ |
Width
- ボタン表示領域の幅をピクセル単位で指定できます
- ボタンの大きさより大きい幅をしてした場合、余白ができます
Show Faces
Verb to display
- ボタンに表示する文字を選択します
- 「like」または「おすすめ」が選択可能です
Color Scheme
- 表示するボタンや文字のカラーセットを指定します
Font
- 表示する文字(英字)のフォントを指定します（日本語の場合は指定しても変化はありません）
コード形式の選択
HTML5形式
- 今後に期待
- 古いブラウザでも表示する場合にはXFBML形式を利用します
XFBML形式
- XFBMLは、Facebookの独自仕様のコード形式で、JavaScriptに対応しているブラウザであれば、どのブラウザでも動作可能です
- プロフィール画像のある/なしなどによって、ボタンのサイズを動的に変更
- Webページを見た人がボタンを押した結果をリアルタイムに表示
- Webページを見た人がボタンを押したことをJavaScriptで検知
iframe形式
- WebページのコードにJavaScriptが使用できる環境で「いいね！」ボタンを設置したいときに有効です
