Page Pluginのコードを取得する
まず、現状Facebookにログインしている場合は、一度ログアウトしてください。(フェイスブックの右上の▼からログアウトできます)
次に「Page Plugin」にアクセスします。

ウィジェットのデザインを調整していきます。
| ① Facebook Page URL | 作成したFacebookページのURLを記入してください。 ※個人ページは利用できません。Facebookページを作成してください。 |
|---|---|
| ② Tabs | 初期状態では「timeline」が入力されているので、タイムラインが表示されるようになっています。 「events」を入力すればイベントが、「messages」を入力すればメッセージを送れる画面が表示されます。 また、文字を消すと何も表示されなくなります。 |
| ③ Width | 横幅を設定します。入力しなくても大丈夫です。 |
| ④ Height | 縦幅を設定します。入力しなくても大丈夫です。 |
| ⑤ Use Small Header | Facebookページのヘッダー部分が少し小さくなります。シェアボタンなどが表示されなくなります。 |
| ⑥ Adapt to plugin container width | 自動でウィジェットの幅を変更してくれる機能です。チェックは入れたままにしておいてください。 |
| ⑦ Hide Cover Photo | Facebookページのヘッダー写真の表示・非表示を選択します。 |
| ⑧ Show Friend's Faces | 「いいね」をクリックしてくれたユーザーのプロフィール写真の表示・非表示を選択します。 |
すべての設定ができたら、「Get Code」をクリックします。

- 「JavaScript SDK」をクリック
- 「2」のコードをコピーする
- 「3」のコードもコピーする
以上で、Facebookのページプラグインのコードの取得は完了です。






