たこじまブログ

もうやめて、おタコのライフはゼロよ!

ブログに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が用意されています。