TypeやWordPressなどのブログにFacebookのコメント欄を表示するカスタマイズを紹介します。コメント欄の表示にはFacebookのソーシャルプラグイン「Comments」を利用します。1.概要イメージを下図に示します。ブログ記事ページに表示したコメント欄からコメントを投稿すれば、即座にブログ記事ページに投稿コメントが反映されます(1)。投稿コメントはFacebookのウォールにも反映されます(2)。Facebookに表示されたブログ記事のコメントに返信すれば、返信がFacebookとブログ記事の両方に反映されます(3)。実際の動作例を示します。ブログ記事に次のようなコメント欄を表示することができます。投稿コメントは次のように表示されます。「返信」をクリックして投稿すればコメントがインデント表示されます。ブログ記事ページのコメントはFacebookにも反映されます。投稿したブログ記事タイトルも表示されます。このようにFacebook上で返信することもできます。Facebook上の返信コメントはブログ記事ページに反映されます。App」のページにアクセスし、コメント欄を利用するサイト名とURLを入力(http://で開始し、末尾は"/"または"?"で終了すること)します。セキュリティコードを入力して「送信」をクリック。成功したら次のような画面になります。Plugins」のページで「Comments」をクリック。Code」をクリック。設定フォームに入力するとフォーム下にプレビューが表示されます。on:コメント欄を表示するURL。ブログのURLを設定して後で変更します。「Commentsのプラグインコード:」をコピーします。モザイク部分に1項で取得したアプリIDが設定されていることを確認してください。設定されていない場合は取得したアプリIDと置き換えてください。5.プラグインコードの修正プラグインコードを次のように変更します。「www.koikikukan.com」の部分は当サイトの例なので、利用するドメインに適宜読み替えてください。width="470"></fb:comments>変更後(WordPressの場合。TypeまたはWordPressの記事ページ出力用のテンプレートに埋め込みます。Typeでスタティックパブリッシング(静的生成)の場合はブログの再構築を行ってください。AMコメントjp_JPでは動かないようですね。PM連投済みません、間違えてました。