1. マニュアル
  2. 外部サービス連携
  3. 外部サービスとの連携
  4. FacebookのPage Plugin(ページプラグイン)をホームページに表示する
  5. Page Pluginのコードを取得する

Page Pluginのコードを取得する

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



ウィジェットのデザインを調整していきます。

① Facebook Page URL作成したFacebookページのURLを記入してください。
※個人ページは利用できません。Facebookページを作成してください。
② Tabs

初期状態では「timeline」が入力されているので、タイムラインが表示されるようになっています。

「events」を入力すればイベントが、「messages」を入力すればメッセージを送れる画面が表示されます。

また、文字を消すと何も表示されなくなります。

③ Width横幅を設定します。入力しなくても大丈夫です。
④ Height縦幅を設定します。入力しなくても大丈夫です。
⑤ Use Small HeaderFacebookページのヘッダー部分が少し小さくなります。シェアボタンなどが表示されなくなります。
⑥ Adapt to plugin container width自動でウィジェットの幅を変更してくれる機能です。チェックは入れたままにしておいてください。
⑦ Hide Cover PhotoFacebookページのヘッダー写真の表示・非表示を選択します。
⑧ Show Friend's Faces「いいね」をクリックしてくれたユーザーのプロフィール写真の表示・非表示を選択します。

すべての設定ができたら、「Get Code」をクリックします。



  1. 「JavaScript SDK」をクリック
  2. 「2」のコードをコピーする
  3. 「3」のコードもコピーする

以上で、Facebookのページプラグインのコードの取得は完了です。