「Facebook」ウィジェットをページに埋め込みするためのマニュアル レスポンシブ対応 スマホ対応 中央寄せ

Step1:Facebookのページプラグインのページにアクセス

https://developers.facebook.com/docs/plugins/page-plugin

Step2:タグ取得するための設定

 

順番に、FacebookページのURL>タブ>幅>高さを設定し、「コードを取得」ボタンをクリックします。

※幅および高さは500にすることがおすすめです。

 

Step3:タグのコピー

IFrameタブ>下図青背景部分(src="  URL  ")のURL部分だけをコピーします。

Step4:タグの貼り付け

1.パーツ(No.208848または「タグ埋め込み」)を追加後、「ソース」より設定できます。

 

2.ソースの12行目、下図青背景(URL)の部分だけをStep3:でコピーしたURLと差替えてください。

 

3.35行目、FaceBookページURLに変更してください。

36行目、FaceBookアプリIDに変更してください。

 

完成です。

※設置場所については、サイドナビ等の横幅が500px以下の領域には向きません。