SOFTELメモ Developer's blog

Facebookのコメントボックスを設置してみる

2013/07/25 webservice

問題

これ(facebookのコメント欄)設置して!

facebook-comment-box-4

答え

facebookのコメントボックスは、まずこちらから。

Comments Box - Facebook開発者

こんなタグが生成されて、

facebook-comment-box

これだけのことで、

facebook-comment-box-2

この辺をうまく変えれば、WordPressのコメント欄の代わりにしたりできそうだぞ と。

facebook-comment-box-3

以下のように、このページに書けば

<!-- scriptタグは上か下の方に仕込んでおいて -->
<div class="fb-comments" data-href="https://tech.softel.co.jp/blog/archives/4190" data-width="640" data-num-posts="10"></div>

あら、できてしまった。

記事にするまでもないぐらい簡単でした。

関連するメモ

コメント