ブログにFacebookのコメントボックスを設置した
ヒマなのでブログにFacebookのコメントボックスを設置してみました。
「今さら何を言っているのだお前は」と言われそうですが、いろんなブログを見ながらやっと設置したので忘れないように記録しておくことにします。
- みんなが知らないFacebookコメントの管理機能徹底解説
- Facebookインサイト設定の落とし穴、app_id, page_id, admins の違いとは
- 初心者は注意!ブログにfacebookのコメント欄を設置するときの注意点
- ブログに「facebookコメント」を設置してみた
Facebook Developersに登録
アプリ開発者として登録して、固有のアプリIDを発行してもらう必要があるみたいです。
<meta property="fb:app_id" content=""アプリID"">
これを、コメントボックスを設置するページの<head>タグ内に設置。
"fb:admins"の取得
Like Button - Facebook開発者のStep 2 - Get Open Graph Tags のフォームに必要事項を入力してタグを取得。
<meta property="fb:admins" content="xxxxxxxxxxxxxxx" />
これも、コメントボックスを設置するページの<head>タグ内に設置。
コメントボックスのコードを取得&貼り付け
Comments - Facebook開発者からコードを取得します。
アプリIDを取得した後でこの手順を行わないとダメみたいです。
アプリID取得前にこの手順を行うと、画像中の"アプリID"のあたりの記述がありませんでした。
1.のコードをコメントボックスを設置するページの<body>辺りに記述する。
2.のコードを実際にコメントボックスを設置する位置に記述する。
2.のコード中の"http://example.com"の部分は使っているブログごとに異なっていて、livedoorブログでは、"<$ArticlePermalink$>"だそうです。
コメントの管理
コメント管理用にコメントモデレーションツール - Facebook Developersが用意されています。