ホームページ内にFacebookの公開ページを埋め込む方法

ホームページ内に、公開中のFacebookのページを埋め込む方法です。

事前の準備

・Facebookにログインする
・FacebookのアプリIDを取得しておく（5分くらい）→Facebookの追加機能を使うときに求められるIDです。

手順

まずFacebook for Developersのページプラグインにアクセスします。

Page Plugin - Social Plugins - Documentation - Meta for Developers

「FacebookページのURL」の欄に、埋め込みたいFacebookページのURLをコピー＆ペーストすれば、下のエリアにプレビューが表示されます。

幅や高さも必要に応じて設定し、プレビューエリアの下の「コードを取得」をクリックします。

タブでJava Script SDKとIFrameが選べます。簡単なのはIFrameのほうかもしれません。

ステップの通り、アプリIDを選択します。

ステップ２のコードをコピーして、HTML編集画面でホームページのFacebookを表示したい箇所にペーストします。