Facebook ファンページのウォールをホームページに埋め込む

Webサイト作成 TIPS

Facebook ファンページのウォールをホームページに埋め込む

このサイトの下についているような、Facebookでイイネと言ってくださっている方達のアイコンを埋め込んだり、ウォールへの投稿を埋め込んだりする方法です。

まず、Facebookページを作っておきます。いきなりですが、ファンページという言い方は古くなったようです!?
いまどきはFacebookページと言います。下記公式ページに作り方が書いてあるので、作っておきます。
http://www.facebook.com/note.php?note_id=153013314750115

Facebookページを作ったら、下記のページへ行き、
http://developers.facebook.com/docs/reference/plugins/like-box/

Facebook Page URL とあるところに作ったFacebookページのURLをコピペします。

後は、横幅、高さを調節して、「Get Code」というボタンをクリックします。

コードが表示されます。

「Include the JavaScript SDK on your page once, ideally right after the opening tag. 」

と書いてあるところをコピペして、のすぐ後に張りつけます。

その下の
「プラグインを表示したい場所にプラグインのコードを配置します。」
とある書いてあるコードを、Facebookを埋め込みたい場所にコピペします。

ローカルなど、FacebookのJavascriptが動作しない環境だと、Facebookの埋め込みを見ることができません。
Webサーバーなどにアップロードして確認しましょう。

これだけです [smile]

  • ドリームウィーバーではどのコードをどこに貼りつければいいのでしょうか? — らいこ {2012-09-17 (月) 10:15:46}
  • Get Codeをクリックしたら、二つコードが出てきますよね。①ページにJavaScript SDKを含めます(理想的には、のすぐ後に配置します)。 とある部分は、のすぐ後ろ、②プラグインを表示したい場所にプラグインのコードを配置します。 とあるコードはFacebookを埋め込みたい場所です。 — 中の人 {2012-09-18 (火) 16:54:12}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です