このページの目次
フェイスブックをホームページに埋め込む
スマートフォンが普及して、SNSの浸透率は劇的に変化しました。
スマートフォンが普及する前は、なつかしのmixiなど割とPCユーザー向けサービスが多かったのですが、カメラも高画質で手元で連動しやすく、気軽に使える存在へと変革していきました。
一般に普及するなら当然ビジネス用途の目的も多くなります。
最近はこの手の連携は楽
一昔前は、割と面倒な作業だった、各種サービスとホームページの連携ですが、今はとても楽です。
今回はホームページにフェイスブックを連動させて掲載をする、という作業ですが、フェイスブックのデベロッパーサイトに行けば、簡単にできそうです。
フェイスブックデベロッパーへ
まずはこちらのサイトへ飛びます。
https://developers.facebook.com/docs/plugins/page-plugin/
![](https://solalliance.jp/kitakyushu/wp-content/uploads/2018/09/ページプラグイン_-_ソーシャルプラグイン-1024x680.jpg)
ログインなどは不要
特にログインなどは不要ですので、フェイスブックに移動して「作成済みのフェイスブックページのURL」をコピーしてきます。
あとは下記画像の部分にコピペをします。
![](https://solalliance.jp/kitakyushu/wp-content/uploads/2018/09/ページプラグイン_-_ソーシャルプラグイン-1-1024x757.jpg)
コードを取得
前項でコピペしたら、このようにタイムラインが現れます。
あとは左下の「コードを取得」を押すと・・・
![](https://solalliance.jp/kitakyushu/wp-content/uploads/2018/09/ページプラグイン_-_ソーシャルプラグイン-2-1024x769.jpg)
IFrameを選択
このような画面になります。
が、、、ここでは画像のようにIFrameを選択ください。
![](https://solalliance.jp/kitakyushu/wp-content/uploads/2018/09/ページプラグイン_-_ソーシャルプラグイン-3-1024x853.jpg)
生成されたコードを取得
画像の赤枠で囲んだコードが、フェイスブックをホームページに連動させるためのコードです。
ワードプレスでも、普通のHTMLで書かれたホームページでも使用できます。
![](https://solalliance.jp/kitakyushu/wp-content/uploads/2018/09/ページプラグイン_-_ソーシャルプラグイン-4-1024x793.jpg)
終わりに
ヘッダーを小さくしたり、友達(いいねをしてくれた人のアイコン)を削除する、などの項目があるので、プチカスタマイズはここでできます。
![](https://solalliance.jp/kitakyushu/wp-content/uploads/2018/09/ページプラグイン_-_ソーシャルプラグイン-5-1024x669.jpg)
さて、今回は簡単な記事になりましたが、フェイスブックについては「スタッフさんが日々簡単な発信を行う」などの活用だと、定期的にwebから発信できる良い媒体と私は思ってます。(うちはなかなかできません)
ぜひ「webをメデイア化」させて、どんどん情報発信を行なって頂けましたら幸いです。