前回何も考えずにコメント機能を貼りつけてしまいましたが、あっさりとおかしくなりました。
アプリIDを取得しなかったのも問題ですが、コメントの紐付きがブログのURL固定になっています。
まずいですね、これは。
ということで情報収集しました。
Movable TypeのブログにFacebookコメント欄を設置する方法
facebook新コメント機能をHPに設置する方法を動画で解説
【How To】5分で、ブログにFacebookコメント欄を設置するには:ライブドアブログを例に【保存版】
Facebookコメントに切り替えたのでブログに導入する手順をメモしておく
ほぼ同じ内容ですが、手順が詳しく載っています。
流れとして、アプリAPI取得→コメント機能のスクリプト習得となっています。
私の場合、アプリ取得のための個人認証で携帯へのメール問い合わせを完了する必要がありました。
特にiPhoneのMMSで出来ましたのでここは大して問題ではないと思います。
BloggerのXID(ページ固定ID)を取得する必要があるのでBloggerの仕様を探します。
面倒なときはGoogle先生へ聞きます。
FBML tools を触ってみる。（fb:comments編）Bloggerにlikeボタンとcommentフォームを。
Bloggerへの設置の時の要点は以下のとおり。
・expr:をつけることでBlogger内の変数が有効になる
・xidはdata:post.id
ということで、以下のようなコードになりました。
<script src='http://connect.facebook.net/en_US/all.js#appId=アプリID&xfbml=1'/><fb:comments expr:href='data:post.url' expr:xid='data:post.id' num_posts='3' width='500'/>
ヘッダー部にペタリとして完成です。
しかし、いいね！以上に重いですね、この機能。
でも、面白いのでよかったら使ってやってください。