SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...
技術者募集中

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

問題

これ(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://www.softel.co.jp/blogs/tech/archives/4190" data-width="640" data-num-posts="10"></div>

あら、できてしまった。

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

関連するメモ

コメント