facebook ウィジェット 色々 XFBML 版

XFBML 版説明
http://tech.nitoyon.com/ja/blog/2012/11/28/xfbml-like/

設置方法詳細

http://hp-guide.com/attract/facebook-page/facebook-comments/

まず1のjavascriptSDKの設置は、<body>の直後に設置します。
そのままコピーして<body>のすぐあとに貼り付ければOKです。


2のXML名前空間の追加は、<html>に「xmlns:fb=”http://ogp.me/ns/fb#”」を追加すると考えていただければOKです。
OGPの設定をしている場合には、すでに他のxmlns属性が追加されていると思いますが、それと同じ要領で追加します。
OGPの設定をしていない場合には画面上に出ている2の部分のコードを<html>と置き換えていただければ結構ですが、OGPを設定している場合には、以下のようになります。

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:og=”http://ogp.me/ns#” xmlns:fb=”https://www.facebook.com/2008/fbml” xmlns:fb=”http://ogp.me/ns/fb#”>

最後にコメントプラグインを表示させたい箇所に3のコードを貼り付けます。

Facebookコメント
https://developers.facebook.com/docs/plugins/comments/