注意：現在、Facebookの仕様によりタイムライン埋め込みがモバイル端末で表示されない事象が発生しています。この問題はFacebook側の仕様によるもので、Studio側の設定で解決することはできません。Facebookページへのリンクを設置するなど他の方法もご検討ください。

Facebookコンテンツを埋め込む方法

Facebook公式が提供している「ページプラグイン」というサービスを使って、Facebookページやボタンなどを簡単にStudioサイトに埋め込むことができます。

Facebookページを埋め込む手順

Facebookページプラグインで、埋め込みたいFacebookページのURLを指定し、幅や高さなどのオプションを任意で設定します。

設定が完了したら下部「コードを取得」をクリックするとモーダルでコードが表示されるので、IFrameタブに表示されたコードをコピーします。

生成したコードをコピーしたらStudioのデザインエディタを開きます。エディタ左側の追加パネルより、Embedボックスを配置します。

Embedボックスを選択したまま、設定パネルを開き「埋め込みコード」フィールドにコードをペーストします。

ライブプレビューを使って、埋め込みが正しく表示されているか確認します。

シェアボタンを配置したい場合も、こちらのプラグインから、上記とほぼ同じ手順で設定が可能です。

SNS FB iframe

フェイスブック いいね シェア