Facebookページをホームページに埋め込んでいいね!を促す

おはようございます。中小企業診断士の山口達也です。
ピョンチャンオリンピックの選手たちの活躍に励まされています。

今日はホームページやブログに
Facebookページを埋め込む方法をお伝えします。

Facebookのページプラグインへアクセスします。
https://developers.facebook.com/docs/plugins/page-plugin

facebook埋め込み1.jpg

「FacebookページのURL」に
表示させたいFacebookページのURLを入力します。

facebook埋め込み2.jpg

例えば、ブランドファインのFacebookページを
埋め込みたいときは以下のURLを入れます。
https://ja-jp.facebook.com/brandfine/

入力するとプレビューが表示されます。
(Facebookにログインしているときのみのようです)

「タブ」の欄は、
「timeline,events,messages」と入力すれば、
タイムラインの他に
イベントやメッセージも表示させることもできます。
カンマ区切りで入れてください。

幅や高さは、空欄だとデフォルトの
幅340ピクセルと高さ500ピクセルとなります。
設定を変えたい場合は数値を入力しましょう。

「plugin containerの幅に合わせる」は
ウィジェットがコンテナ内に収めるためのもので、
レイアウト崩れを防ぐために
チェックを入れておくとよいでしょう。

その他はお好みで設定しましょう。

設定が終わったら、
「コードを取得」をクリックして、
「IFrame」を選択してコードをコピーして
自分のホームページなどに貼り付ければ完成です。

facebook埋め込み3.jpg

サンプルのブログに貼った例がこちらです。
http://site-sample-weblog.seesaa.net/article/456852770.html
(横幅が広いウィジェットは
スマートフォンでは見にくいかもしれません)

ファンにFacebookページを認知してもらい、
Facebookページへの「いいね!」を促すには
良い仕掛けになります。
posted by ブランド経営コンサルタント at 07:38Comment(0)Webデザイン