Facebookの新コメントシステムをてぃーだブログに

Facebookの新しいコメントシステムが公開されました。コメントをFacebookと共有でき、Facebookからもコメントをつけることができるようになって非常に便利！！









書かれたコメントの削除なども簡単にできます



と言う訳でてぃーだブログにその導入方法を説明します



まずはFacebook Developersの「Comments」のページに行きます









このような画面が表示されるので、上から「URL to comment on」にブログのURL、「Number of posts」表示するコメントの数、「Width」に横幅を記入して「Get Code」を押してください。



するとこのようなコードが表示されるのでコピーしてください。

<div id="fb-root"></div><script src="http://connect.facebook.net/ja_JP/all.js#appId=167361539979473&amp;xfbml=1"></script><fb:comments href="http://businessblog.ti-da.net/" num_posts="3" width="500"></fb:comments>

これをこのままテンプレートに貼り付けてもいいのですが、このままだと全ての記事に同じコメントになってしまいます。そこで以下の様に改造します。

<div id="fb-root"></div><script src="http://connect.facebook.net/ja_JP/all.js#appId=167361539979473&amp;xfbml=1"></script><fb:comments href="http://businessblog.ti-da.net<%EntryPermalink%>" num_posts="3" width="500"></fb:comments>

上のコード内では「http://businessblog.ti-da.net/」となっていた部分を「http://businessblog.ti-da.net<%EntryPermalink%>」と書き換えてください。



あとはこのコードをブログのテンプレートの個別記事「<%EntryBody%>」の下あたりに入れておくと各記事の下にコメント欄が表示されるようになるはずです。



※Facebook側の管理画面からいける「Comment Moderation Tool」という機能もありますがこの導入方法についてはまた次回紹介します。



追記です

コード内の「en_US」は「ja_JP」に書き換えてください。