SNS

更新日

2013.06.17 Facebookを追加

データベース

サービス名

Facebook

Tips

ガジェット

Like Box

『Like Box』を表示させる場合の手順は下記の通り。

1. https://developers.facebook.com/docs/reference/plugins/like-box/にアクセスする。
2. [Facebook Page URL]に表示させたいFacebookページのURLを入力する。（必須）

[Width]に『Like Box』の横幅を設定する。（必須）

3. [Height]に『Like Box』の高さを設定する。
4. 「いいね！」をしたユーザーの顔を表示させたくない場合は[Show Faces]の[Show Faces]のチェックを外す。
5. 『Like Box』のカラーを変更したい場合は[Color Scheme]のプルダウンから選択する。
6. 『Like Box』に「ストリーム（ニュースフィード）」を表示させたくない場合は[Stream]の[Show stream]のチェックを外す。
7. 『Like Box』にボーダー（枠線）を表示させたくない場合は[Show Border]の[Show Border]のチェックを外す。
8. 『Like Box』にヘッダーを表示させたくない場合は[Header]の[Show header]のチェックを外す。
9. 設定が完了したら[Get Code]ボタンをクリックして、自分のサイトに適したコードを[HTML5][XFBML][IFRAME][URL]から表示させたいページのHTMLにコピペする。[HTML5]の場合最小幅が292ピクセルになっている（2013年6月17日時点）。

Comments Box

『Comments Box』を表示させる場合の手順は下記の通り。

1. https://developers.facebook.com/docs/reference/plugins/comments/にアクセスする。
2. [URL to comment on]に表示させたいFacebookページのURLを入力する。（必須）
3. [Width]に『Comments Box』の横幅を設定する。
4. 『Number of posts』にコメントを何件表示させるか設定する。
5. 『Comments Box』のカラーを変更したい場合は[Color Scheme]のプルダウンから選択する。
6. 設定が完了したら[Get Code]ボタンをクリックして、自分のサイトに適したコードを[HTML5][XFBML][IFRAME][URL]から表示させたいページのHTMLにコピペする。