facebook connect を使ったコメントシステムが発表されましたので利用してみました。導入方法についてまとめたいと思います。

facebooklogo




導入方法の詳細は下記に記載されています。
http://developers.facebook.com/news.php?blog=1&story=198

1. アプリケーションを作成します。アクセスURLは下記になります。
http://www.facebook.com/developers/createapp.php

fbNWLabComment

2. cross-domain reciever ファイルをダウンロードし、Webサイトにアップロードします。
http://www.somethingtoputhere.com/xd_receiver.htm

3. 下記の 「YOUR_API_KEY_HERE」 部分を1で作ったアプリケーションのAPIキーに変更し、「path from web root」のxd_receiver ファイルの場所変更し、コメントボックスを作成したい場所に作成します。

fbNWLabCommentAPI

<script src=
"http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"
type="text/javascript"></script>
<fb:comments></fb:comments>
<script type="text/javascript">
FB.init("YOUR_API_KEY_HERE", "<path from web root>/xd_receiver.htm");
</script>

コメントボックスを作成してみました。



facebook connect を使ったコメントシステム、簡単に導入できました。facebookを使われている方は試されてみてはいかがでしょうか?