TumblrにFacebookコメント欄を設置する方法




シンジです。先日Tumblrにコメント欄を設置するとして、DISQUSを設置しましたが、Facebookのコメント欄が欲しいなぁと思って設置しました。その方法です。

Facebook Developersにアクセスし、Add New App をクリック

https://developers.facebook.com/

ウェブサイト をクリック

右上の Skip and Create App ID をクリックする

Display Nameにウェブサイトのタイトル入れて Create App ID する

URLと幅をいい感じに入力して Get Code する

1のコードと、2のコード、両方とも使いますのでメモりましょう。

Tumblrにコードを設置する、コード1

HTML編集モードまで行ったら、1のコードは

を検索して、その下に入れる。こんな感じ。

Tumblrにコードを設置する、コード2

これが好みの問題もあるのですが、イイネボタンとかその辺を探して、その下あたりに入れるのがいい感じです。

を入れて、これで閉じるのがポイントです。

設置は以上です。ブラウザと、スマホからきちんと表示されるか確認しながらやってみると良いです。

コメントされたら通知が来るようにする

そのままだとコメントされても通知が来ないので、これを設定します。
以下のURLにアクセスし、Setting をクリックします。

https://developers.facebook.com/tools/comments

モデレータに自分を追加して、右下の保存をクリック

以上です〜うまく動くといいですね!(Facebookは仕様変更が激しいので)