ホームページ作成 愛知

Facebookのコメント機能をWebサイトに貼り付ける方法

トップページ

当社の強み

制作の流れ

料金表

よくある質問

会社概要

お問い合わせ


ホームページを作りたい方へ

Facebookのコメント機能をWebサイトに貼り付ける方法

こんにちは、前回ご紹介したFacebookの「イイネ!」ボタンの貼付けはいかがでしたでしょうか??今回はFacebookをさらに活用し、Webサイトを双方向性のあるメディアに発展させるために、あなたのWebサイトについて、Facebook上で「コメント」出来るようにするタグをWebサイトに貼り付ける方法をお伝えしたいと思います。

 

  1. なぜFacebookの「コメント機能」をWebサイトにつけるとよいのか

WebサイトにFacebookの「コメント機能」をつけ、コメントされると、Facebookのウォール(ニュースフィード上)で、あなたのWebサイトとコメントが掲載されます。従って、Facebook上であなたのWebサイトを宣伝する効果が得られます。
ご心配の多い「荒らし」も、Facebookは完全実名制のため発生する確率が低いです。

  1. Facebookのコメント機能のタグを取得

Facebookのコメント機能用のタグは、以下のページから取得することが出来ます^^
http://developers.facebook.com/docs/reference/plugins/comments/

こちらも、英語で分かりづらいかもしれませんが、オプションを選択し、「Get Code」ボタンでタグを取得することが出来ます^^

・コメント機能のオプションの意味
それぞれのオプションの意味は
「URL to comment on」:
コメントしたいURL(空にすると、貼り付け先のページのURL)

「Number of posts」:
デフォルトで表示したい投稿の数。

「Width」:
横幅の設定です。

「Color Scheme」:
色の設定です。Darkを選ぶことで、背景色にあわせて黒っぽいデザインに変更出来ます。デフォルトは「light」(明るい色)です。

 

  1. Webサイトに貼り付け

最後に、取得したタグを好きな場所に貼り付けましょう。貼りつけ方は、HTMLタグを貼り付ける場合と同じです。

イベントや記事・コラムの下などに貼り付けると、より効果的です。また、Facebookにはイベント用にリアルタイムなやり取りが出来る「Live Stream」という機能も存在しています。こちらもオプションを指定してタグをWebサイトに貼り付けるだけで簡単に設置が可能です。
http://developers.facebook.com/docs/reference/plugins/live-stream/