[kz] Blogのコメント入力をFacebookコメントに変更する

NO IMAGE

こんにちは、@kazscapeです。

いろいろとBlog環境を改善していっています。

今日は、Blogのコメントを標準のものから、Facebookコメントに変更してみます。

標準のコメントでは、スパムが多くて、削除するのが面倒くさかったのですが、Facebookコメントならば、実名でのコメントになりますので、スパムも減ってくると思います。

では、さっそく設置をしていきましょう!

アプリを作ります。

まずは、FacebookのDevelopersサイトでアプリを作ります。

https://developers.facebook.com/にアクセスします。

「Apps」メニューから「Add a New App」を選択します。

App IDはブログの名前でいいでしょう。Createしていきます。

なんのカテゴリのAppを作成するのか聞かれますから、「コミュニケーション」にでもしておきます。

ウェブサイト用のAppを作成します。

サイトのURLを聞かれますので、ブログのURLを入力します。モバイルサイトURLにも同じものを入れておきます。

コメントのAppは「ソーシャルプラグイン」のカテゴリになります。

コメントプラグインを選びます。

最後に「Get Code」ボタンでコードを生成します。

二つのコードが生成されました。

ブログへの設置

コードが生成されたら、ブログのテンプレートにコードを追加します。

一つ目のコードは、ヘッダーのテンプレートに追加します。

私の現在のブログのテーマは、「Twenty Twelve」というものを使用していますが、ヘッダーのテンプレートは、「header.php」になります。

誤って壊してしまってもいいように、必ずバックアップをしてからコードを追加します。

bodyの開始タグの直後に1つ目のコードを追加します。

もう一つのコードは、コメント用のテンプレート「comments.php」になります。

既存のコメントの記述をざくっと消して、二つ目のコードに置き換えます。

その際、date-hrefの値を以下の値に書き換えます。

まとめ

これでBlogの単一投稿ページのコメント欄が標準のものから、Facebookコメントに変わりました。

ついでにテストもしてみました。

実名が基本のFacebookコメントなので、コメントしていただくのにはハードルが上がったかもしれませんが、この方がスパムに悩まされることもなくなるでしょう。

ではっ!