見出し画像

STUDIOにFacebook Pageを埋め込む方法

昨日、「STUDIOにTwitterフィードを埋め込む方法」を書いて共有したところ、Facebook版も欲しい!という声があったので、今回はFacebook版です。

Facebook公式のembedが使える!

Twitterと違い、Facebookは公式が提供してる「ページプラグイン」というサービスを使えばFacebookページを簡単にSTUDIOのサイトに埋め込むこと可能です。


1.  Facebookページプラグイン

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


2. コードを取得

URLやオプションの設定が完了したら「コードを取得」をクリック。するとモーダルでコードが表示される。今回はiframeの埋め込みコードが欲しいので、IFrameタブをクリック。そして表示されたコードをコピー。


3. STUDIOで貼り付ける

コードをゲットしたら、STUDIOのツール画面に戻りiframeボックスを設置。埋め込みコード内に、先ほど取得したiframeコードをコピペすればFacebookページ埋め込み完了!!


サンプル

STUDIOで作成したサイトにFacebookページを埋め込んでみたので、参考にしてみてください!



この記事が気に入ったらサポートをしてみませんか?