Facebookのページプラグインの設定方法

「埋め込みコード」と呼ばれるコードを指定のページに貼り付けることで、Facebookのプラグインをホームページのお好きなページに表示させることができます。ここでは「埋め込みコード」の取得から、実際にホームページへ設定するまでの方法をご紹介します。

埋め込みコードの取得

1. Facebook のプラグイン作成画面にアクセスします。

 

2.  赤枠内の設定を入力します。

FacebookページのURL:表示させる Facebook のURLを入力します

タブ:タイムラン、イベント、メッセージの3種類のタブを表示させることができます
複数表示させる場合は、timeline,ebent,messageのように半角コンマで区切ります

:表示させるタイムランの幅を入力します。表示可能な幅は180~500ピクセルです

高さ:表示させるタイムランの高さを入力します。最低70ピクセル必要です

 

3. 緑の枠内のオプションを設定します。

スモールヘッダーを使用:ヘッダーの高さが低くなります

plugin containerの幅に合わせる:横幅が変化するレスポンシブデザインのウェブサイトに埋め込みをする場合はチェックを入れます

カバー写真を非表示にする:カバー写真を非表示にすることでシンプルなデザインになります

友達の数を表示する:チェックを入れるといいね!をしてくれた人のプロフィール写真が表示されます

 

4. 「コードを取得」ボタンを押します。

 

5. JavaScript SDK から IFrame に切り替えます。IFrame で表示される赤枠内のコードを全て選択・コピーします。

埋め込みコードをホームページへ貼り付ける

1. ホームページの管理画面にログインします。

2. Facebook のプラグインを表示させるページの編集画面を開きます。

3. 編集ツールから「ソースコード」を選択します。

4. ソースコードの一番下に先ほど選択・コピーした埋め込みコードを貼り付け、「OK」を選択したら完了です。

 

お困りですか?info@webdexpress.com までお問い合わせください。