![](https://image.jimcdn.com/app/cms/image/transf/dimension=843x10000:format=jpg/path/s17f21675e3bf19d7/image/i4d5e020a2db160dc/version/1621645793/image.jpg)
ブログや企業サイトに Facebook の投稿や Facebookページ が埋め込まれているのを見て、「自社のホームページでもやってみたい!」と思ったことがあるのではないでしょうか。
この Facebook の投稿や Facebookページ の埋め込みは、何か専門知識が必要に感じるかもしれませんが、Facebookの開発ツールで、埋め込みコードを取得すれば簡単にできちゃいます。
ページプラグインと呼ばれる埋め込みコードがあれば、Facebookの公開ページをウェブサイトに簡単に埋め込んで宣伝することができます。サイトの訪問者はFacebookでの操作と同様にFacebookページに「いいね!」したりシェアしたりできます。訪問中のサイトを離れる必要はありません。
ただし、ページプラグインは、国や年齢などで制限されないページのみに使用できますので、表示されない場合は、facebookページの設定を確認してください。
では、「Facebookページ」の埋め込みコードの取得について、手順を追って紹介します。
1.FACEBOOK for Developers ページプラグイン にアクセスする
2.FacebookページのURLを入力する
自社のホームページなどで表示したい facebookページ の URL を入力する。
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/ia6609cf916d5d637/version/1621568521/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
3.該当のfacebookページ が表示されたら[コード取得]を押す
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/ib23b53924a60bbe4/version/1621568529/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
4.[IFrame]を押す
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/ibc7cbbb2dc02358d/version/1621568536/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
5.ステップ2の下に表示されているコードを押す
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/i83080ef6c99200ba/version/1621568550/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
6.選択されている状態のコードをコピーする
このコードをコピーして、自社のホームページなどに貼り付けます。
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/id098fe1d752a83e0/version/1621568557/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
以下は、ホームページCMSツール「jimdo(ジンドゥ)」でのコードの設定方法です。
(1)「コンテンツを追加」で、[</>ウィジット/HTML]を押す
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/i372f703f780b6f42/version/1621568565/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
(2)テキストを入力するところに、コードを貼り付ける
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/ia0cbd5fb56c22007/version/1621568572/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
(3)貼り付けた状態はこんな感じになりますので[保存]を押す
![ホームページにfacebookページを埋め込む方法](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s17f21675e3bf19d7/image/ia36e9302a16dc4ca/version/1621568577/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%ABfacebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95.jpg)
(4)このように表示されます
自社のホームページに facebookページ を表示することにより、相互に行き来できたり、facebook 投稿の内容をそのままホームページにも表示できたりして、効果的な宣伝に繋がります。