Facebook がリリースした Facebook Connect 対応 Comment Widget を導入
categories: Programming tags: API Comment Facebook Widget
Commenting with Facebook Connect より
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 ユーザにはコメントフォームすら表示されないけど、まぁいいや。