フェイスブックをホームページに埋め込む

フェイスブックをホームページに埋め込む

スマートフォンが普及して、SNSの浸透率は劇的に変化しました。
スマートフォンが普及する前は、なつかしのmixiなど割とPCユーザー向けサービスが多かったのですが、カメラも高画質で手元で連動しやすく、気軽に使える存在へと変革していきました。
一般に普及するなら当然ビジネス用途の目的も多くなります。

最近はこの手の連携は楽

一昔前は、割と面倒な作業だった、各種サービスとホームページの連携ですが、今はとても楽です。
今回はホームページにフェイスブックを連動させて掲載をする、という作業ですが、フェイスブックのデベロッパーサイトに行けば、簡単にできそうです。

フェイスブックデベロッパーへ

まずはこちらのサイトへ飛びます。
https://developers.facebook.com/docs/plugins/page-plugin/

ログインなどは不要

特にログインなどは不要ですので、フェイスブックに移動して「作成済みのフェイスブックページのURL」をコピーしてきます。
あとは下記画像の部分にコピペをします。

コードを取得

前項でコピペしたら、このようにタイムラインが現れます。
あとは左下の「コードを取得」を押すと・・・

IFrameを選択

このような画面になります。
が、、、ここでは画像のようにIFrameを選択ください。

生成されたコードを取得

画像の赤枠で囲んだコードが、フェイスブックをホームページに連動させるためのコードです。
ワードプレスでも、普通のHTMLで書かれたホームページでも使用できます。

終わりに

ヘッダーを小さくしたり、友達(いいねをしてくれた人のアイコン)を削除する、などの項目があるので、プチカスタマイズはここでできます。

さて、今回は簡単な記事になりましたが、フェイスブックについては「スタッフさんが日々簡単な発信を行う」などの活用だと、定期的にwebから発信できる良い媒体と私は思ってます。(うちはなかなかできません)
ぜひ「webをメデイア化」させて、どんどん情報発信を行なって頂けましたら幸いです。