スパム対策はreCAPTCHAが最強

※当ブログではアフィリエイトリンクを使用しています

コメント欄やメールフォーム(お問い合わせ)のスパム対策はWordPressの場合プラグインAkismetでしている方が多いですよね。

AkismetはWordPressをインストールすると最初から入っているので使い続けている方も多いのかもしれません。

けれど、Akismetって結構突破されるんですよねえ…。

しかも、Akismetを停止させてみるとわかるのですがこのプラグインはかなり重いですよね。スパム対策なのになぜか管理画面まで重くなるし…。

私は数件でもスパムが来るのは煩わしいし、管理画面まで重くなるのは我慢ならなかったので別のスパム対策を模索しました。

いろいろ試してみて最終的に導入したのがこれからご紹介するreCAPTCHAです。

reCAPTCHAに変えてからはコメントとお問い合わせフォームからのスパムは1件もなくなり非常に快適になりました!

2017年11月23日追記
当ブログのreCAPTCHAを第2世代のreCAPTCHA V2から第3世代のInvisible reCAPTCHAに変更しました。
それに伴いInvisible reCAPTCHAの導入方法をご紹介するエントリーを作成しました。当エントリーで紹介している方法よりも簡単なのでreCAPTCHA設置を検討している方は新しいエントリーを御覧ください WordPressにInvisible reCAPTCHAを設置する方法 
スポンサーリンク

reCAPTCHAって何?

説明の必要はないかもしれませんがreCAPTCHAと言うのはログインフォームや会員登録画面などによく設置してある「私はロボットではありません」と言うおなじみのあれです。

reCAPCHA

当ブログのコメント欄とお問い合わせフォームにも設置してあります。

チェックを入れたのが人間がどうか疑わしい時には「道路標識が映っている画像を選べ」だの「車が映っている場所を選べ」だの問題が出題され正しく答えることができればコメントなどを投稿できるようになります。

このreCAPTCHAはGoogleが提供しているスパムボット防止のための認証システムでWordPressブログにもプラグインで簡単に導入できます。

WordPressにreCAPTCHAを導入する方法

reCAPTCHAはGoogleが提供しているサービスなので利用するにはGoogleアカウントが必要になります。Gmailやアクセス解析Analyticsをご利用の方はそのアカウントで利用できます。

reCAPTCHAにサイトを登録

reCAPTCHAを利用するにはサイトを登録してAPI Key(サイトキーとシークレットキー)を取得する必要があります。

まずはreCAPTCHAのページを開きます。

reCAPTCHA website security and fraud protection
reCAPTCHA is bot protection for your website that prevents online fraudulent activity like scraping, credential stuffing...

リキャプチャトップ

ページが開いたら右上の「Get reCAPCHA」をクリックします。ログインが必要な場合はログインしてください。

サイトを登録

Lavel:ラベルにはあなたがわかりやすいようにサイト名などを入力します

Choose the type of reCAPTCHA:「reCAPTCHA V2」のラジオをボタンをチェックします

「reCAPTCHA V2」の下に「Invisible reCAPTCHA」とありますが
「Invisible reCAPTCHA」は文字入力や画像選択をすることなく認証できる最新の認証システムです。

Invisible- reCAPTCHA

上の画像のようになっていてチェックを入れる必要さえありません。

「Invisible reCAPTCHA」の方がユーザーの負担が少なく利便性が高いのですがまだリリースされて間もないので私は様子見中です。以下の説明も「reCAPTCHA V2」で説明します。Invisible reCAPTCHAを利用したい方はプラグインが対応していることを確認の上利用して下さい。

Domains:登録したいドメインを入力します

使用許諾(Accept the reCAPTCHA Terms of Service)にチェックを入れ、最後に「Register」をクリックします。

APIkey取得

Site keyとSecret keyが発行されるのでメモ帳などのテキストエディタにメモしておきます。

※他にも色々表示されますがプラグインで導入する場合必要なのはSite keyとSecret keyだけです

スポンサーリンク

reCAPTCHAをContact Form 7に設置する方法

お問い合わせフォームプラグイン「Contact Form 7」はreCAPTCHAに対応しているので簡単にreCAPTCHAを設置できます。

WordPress管理画面の左メニューから「お問い合わせ→インテグレーション」と進みます。

インテグレーション

先ほどメモしたサイトキーとシークレットキーをそれぞれ所定の場所に入力して保存をクリックします。

コンタクトフォームにAPIキーを入力

サイトキーとシークレットキーを登録できたら左メニューのコンタクトフォームをクリックします。

以下の説明では既存のコンタクトフォームへreCAPTCHAを追加しています。まだコンタクトフォームを作成していない方は新規追加で作成して下さい

コンタクトフォームへ

reCAPTCHAを追加するコンタクトフォームを選択します。

コンタクトフォーム選択

フォームタブを選択して「reCAPTCHA」をクリックします。

reCAPTCHAタブ選択

「フォームタグ生成:reCAPTCHA」が開いたらサイズとテーマを好みにより選択します。選択したら「タグを挿入」をクリックします。
※ID属性とクラス属性は特別な理由がない限り空欄のままで大丈夫です。

reCAPTCHAデザイン

[recapcha]というタグが挿入されるので、pタグで囲いそれを設置したい位置に移動させます。

最後に「保存」をクリックしてにreCAPTCHA設置完了です。

参考までに私のコンタクトフォームは下の画像のようになっています。

入れたい位置に挿入

reCAPTCHAをコメントフォームに設置する方法

続いてコメントフォームにもreCAPTCHAを設置しましょう。コメントフォームへの設置にはプラグインを使用します。

後述しますがテーマが対応していればプラグイン無しで設置できます

使用するプラグインは「Google Captcha (reCAPTCHA) by BestWebSoft」です。

プラグインのインストール方法は

WordPressプラグインを利用できるようにするまでの手順
WordPressのプラグインをインストールして使えるようになるまでの手順を解説します。WordPressのプラグインには公式プラグインと非公式プラグインがありますが、この記事ではWordPress初心者の方に向けて最も簡単な公式プラグイン...

プラグインをインストールして有効化したらSettingsタブを選び先ほどメモしたサイトキーとシークレットキーを入力します。

今回はコメントフォームへの追加なのでオプションの「Enable reCAPTCHA for」では「Comments form」にだけチェックを入れます。

ログインフォーム(Login form)、新規ユーザー登録フォーム(Registration form)、パスワードリセットフォーム(Reset password form)にもこのプラグインでreCAPTCHAを設置できますが、万が一ログインフォームなどでreCAPTCHAが上手く作動しないとログイン不能に陥ってしまう危険性もあるので私はコメントフォームのみreCAPTCHAを設置しています。このような危険性があるのでログインフォームへの設置は自己責任でお願いします。

APIキーなどを入力

続いて使用するreCAPTCHAのバージョンを選択します。今回設置するのはreCAPTCHA V2なので「Version 2」をラジオボタンで選択します。

バージョン選択

設定し終わったら「Save Changes」をクリックして設置完了です。

テーマLuxeritasを使用している場合はプラグイン不要

当ブログでも利用させていただいている無料テーマLuxeritasはコメントフォームへのreCATPCHA設置がプラグイン無しでできます。

設置の方法は簡単で、左メニューから「Luxeritas→カスタマイズ」と進み

ルクセリタスで設置

「Luxeritas カスタマイザー」が開いたら「画像認証」タブをクリックします。

「画像認証の設定」で「Google reCAPCHAによる画像認証を使用する」を選び、「Google reCAPTCHAの設定」でサイトキーとシークレットキーを所定の場所に入力して「変更を保存」をクリックするだけで完了です。

リキャプチャ設定Luxeritas

記事を書いた当時は当ブログでもLuxeritasを利用させていただいていましたが、現在ではCocoonと言うテーマに変更しています。

コメント

  1. ロクロク より:

    参考にさせて頂きました。ありがとうございます。