JetpackのコンタクトフォームにreCAPTCHAを使ってスパム対策

2020年6月6日便利なプラグイン

当サイトのコンタクトフォーム(お問い合わせ)はJetpackのコンタクトフォーム機能を利用しています。コンタクトフォームやコメントを利用していると困るのがスパム(迷惑メール)です。

もちろんスパム対策としてAkismet Anti Spamプラグインを使用しているので、スパムはブロックされています。しかし最近少しづつスパムの数が増えてきたのでJetpackのコンタクトフォームにreCAPTCHAを導入することにしました。

今回の記事では「JetpackのコンタクトフォームにreCAPTCHAを設置してスパム対策」に着いて書きたいと思います。

reCAPTCHAとは

上記の説明をみてもよく分からないと思います。

これが当サイトのコンタクトフォームに導入したreCAPTCHAです。これみたことありますよね。

reCAPTCHAとは画像認証のことで、コンタクトフォームから届くスパムを防ぐことができます。

設置する前の準備

コンタクトフォームにreCAPTCHAを設置するためにGoogle reCAPTCHAを使うのでまずはGoogle reCAPTCHAの登録をします。

Google reCAPTCHA

Google reCAPTCHA

まずはGoogle reCAPTCHAに移動し、右上のAdmin ConsoleをクリックしてGoogleアカウントでログインしてください。

ログインすると以下のような入力画面が表示されますので、必要な項目を入力します。

ラベル名を入力してください。(例：コンタクトフォーム)

「reCAPTCHA v2」にチェックを入れてください。

reCAPTCHAを設置するサイトのドメインを入力(複数登録可)。

「reCAPTCHA利用規約に同意します」にチェックを入れてください。

入力が完了したら下の送信ボタンをクリックしてください。

送信ボタンをクリックすると「サイトキー」と「シークレットキー」が表示されます。
この「サイトキー」と「シークレットキー」は後ほど使うのでどこかにコピペしておいて下さい。

プラグイン reCAPTCHA Jetpack

JetpackのコンタクトフォームにreCAPTCHAを設置するためにプラグイン「reCAPTCHA Jetpack」を使用します。

インストール

設定

設定画面を開いて先ほどGoogle reCAPTCHAで取得した「サイトキー」と「シークレットキー」を入力します。

「Recaptcha Type」が「reCAPTCHA v2」になっていることを確認して下のSave Changesをクリックして保存してください。

すでにJetpackでコンタクトフォームを作成してある場合、これで送信ボタンの上にreCAPTCHAが追加されているので確認をしてください。

関連記事

Jetpackについては以下の記事を参考にしてください。

最後に

今回はスパム対策にJetpackのコンタクトフォームにreCAPTCHAを設置する方法について書きました。コンタクトフォームのスパム対策方法はいろいろありますが、reCAPTCHAは効果が大きいようなので今回導入してみました。

当サイトではJetpackのコンタクトフォームを使用しているためJetpackのコンタクトフォームへの設置方法を書きましたが、WordPressのコンタクトフォームといえば「Contact Form7」が有名です。もちろんContact Form7でもreCAPTCHAを設置できます。

またreCAPTCHAはコンタクトフォーム以外の場所でも設置可能なので「誰かに狙われてるかも！？」と心配な方は導入してみてください。