Facebookのcomment boxの設置でハマった

  • 0
    いいね
  • 0
    コメント
    この記事は最終更新日から1年以上が経過しています。

    Facebookのcomment pluginsを使ってブログ記事などにコメントフォームをつけることができる。

    実際に設置するとこういう表示になるはずなんだけど、

    スクリーンショット 2015-03-26 17.55.50.png

    なんどやっても下図のように意図しない表示になった。

    スクリーンショット 2015-03-26 17.55.07.png

    SDKがちゃんと読み込まれてないのか〜app IDが間違ってるのか〜とか色々疑ったんだけど、原因は動的に変更していたdata-hrefのパラメータにURLがセットされていないだけだった。

    <div class="fb-comments" data-href="" data-width="100%" data-numposts="5" data-colorscheme="light"></div>
    

    パラメータがちゃんと設定されていないなら間違ってるぞばかって言ってくれ...思わせぶりなフォームを表示するのはやめてくれ...その気になっちゃう