2012年01月 アーカイブ

自分のホームページやブログにFacebookページの内容を表示させる

お客様より「ホームページにFacebookの内容を表示させるには?」とご質問をいただきましたので、下記に手順を。気になる方は参考にしてください。

①まず、facebook開発者のLike Boxのページにいきます。

こちら → http://developers.facebook.com/docs/reference/plugins/like-box/

Like Boxページ


②次に左側の設定項目に入力します。
  設定しながら右側のプレビューで確認ができます。

Facebook Page URL
自分のfacebookページのURLを入れます。

Width
埋め込み窓の横幅を入力します。

Color Scheme
埋め込み窓の色味です。lightかdarkのどちらかです。

Show Faces
いいね!を押してくれた方の写真を出すかどうかです。出す場合は「Show Faces」をチェック。

Border Color
枠の色です。指定する場合はカラーコードを入力。

Stream
更新・書き込み内容を表示するかです。表示する場合は「Show stream」をチェック。

Header
「Facebookもチェック」の青帯を出すかどうかです。出す場合は「Show header」をチェック。


③プレビュー内容でよければ『GetCode』をクリックしコードの生成。

『GetCode』クリック後、コードの種類を3種類の中から選べます。
とりあえず、一番右の「IFRAME」でいいかと。

生成コード例


④生成されたコードをコピーして、自分のホームページやブログの表示させたい場所に貼り付けます。

※ jimdoやみんビズのホームページに貼り付けたい場合は、埋め込み窓を設置したい場所で、「新項目を追加」→「ウィジェット/HTML」を選んで、貼り付ければOKです。

確認のために、Facebookでどうでもいい事実を書き込んでこのブログに設置してみました。(左下にあります。)
ちなみに横幅は「180」です。


あけましておめでとうございます

あけましておめでとうございます。

昨年も、たくさんの方々にご支援ご指導いただき改めて感謝申しあげます。
本年もどうぞよろしくお願いいたします。