2009.02.22

Programming

Facebook がリリースした Facebook Connect 対応 Comment Widget を導入

Commenting with Facebook Connect より

Facebook Comments

Facebook Connect を利用したコメントフォームをプログラミング無しで簡単に導入できるようになったので、早速このブログにも導入。Disqus よりは Facebook 利用者の方が多いだろうということで、Disqus Comment Widget は削除しました。

Facebook Comment Widget の設置方法は以下の通り。

Step.1

クロスドメイン通信用の xd_receiver.html を自分のドメインに配置。

Step.2

Facebook に新規アプリケーション登録をして API_KEY を取得。この時コールバック URL の設定を忘れずに。

Step.3

コメントフォームを表示したい場所に以下のコードをコピペ。

<fb:comments></fb:comments>
<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
<script type="text/javascript">
FB.init("API_KEY", "PATH_FROM_DOMAIN_ROOT/xd_receiver.html");
</script>

Facebook の人たちの解説ビデオもあり。英語だけどスクリーンキャプチャ見てるだけで簡単さは分かるはず。

Opera ユーザにはコメントフォームすら表示されないけど、まぁいいや。