WordPressで「Contact Form 7」を使ってお問い合わせフォームを設置すると、しばらくして海外からのスパム（迷惑メール）が大量に届くようになることがよくあります。
放置しておくと重要なメールを見逃してしまったり、サーバーに負荷がかかったりするため、早急な対策が必要です。
今回は、Googleが無料で提供している強力なスパム対策ツール「reCAPTCHA v3（リキャプチャ）」をContact Form 7に設定して、迷惑メールを完全にブロックする方法を解説します！
目次
reCAPTCHA v3とは？（v2との違い）
以前は「私はロボットではありません」というチェックボックスにチェックを入れたり、信号機や横断歩道の画像を選ばされたりする「v2」が主流でした。
しかし、現在の最新版である「v3」は、ユーザーの行動をAIが自動でスコア化して人間かボットかを判定してくれます。つまり、お問い合わせをしてくれる読者に面倒な手間を一切かけさせずにスパムを撃退できる、非常に優秀なシステムです。
設定手順（たったの2ステップ）
ステップ1：Googleから2つの「キー」を取得する
まずはGoogle reCAPTCHAの公式サイトにアクセスし、ご自身のサイトを登録して設定用のキー（パスワードのようなもの）を取得します。
- Google reCAPTCHA公式サイトにアクセスし、Googleアカウントでログインして「v3 Admin Console」を開きます。
- 「新しいサイトを登録する」画面で、以下の情報を入力します。
- ラベル： 自分のサイト名など分かりやすい名前（例：kazoolog）
- reCAPTCHA タイプ： 「スコアベース（v3）」を選択
- ドメイン： 自分のサイトのURL（例：kazoolog.com）を入力
- 「送信」をクリックすると、「サイトキー」と「シークレットキー」という2つの文字列が表示されるので、コピーしておきます。
ステップ2：Contact Form 7にキーを設定する
次に、取得したキーをWordPress側のContact Form 7に入力して連携させます。
- WordPressの管理画面から、「お問い合わせ」＞「インテグレーション」をクリックします。
- reCAPTCHAの枠の中にある「インテグレーションのセットアップ」ボタンを押します。
- 先ほどコピーした「サイトキー」と「シークレットキー」をそれぞれの欄に貼り付け、「変更を保存」をクリックします。
設定が終わると、サイトの右下に「reCAPTCHA」のロゴマーク（バッジ）が表示されるようになります。これが表示されていれば、スパム対策が正常に作動している証拠です。
【おまけ】右下のreCAPTCHAマーク（バッジ）を消す方法
設定が完了すると全ページの右下にreCAPTCHAのバッジが常時表示されてしまい、「トップへ戻るボタン」などと重なって邪魔になることがあります。これをCSSで非表示にする方法をご紹介します。
マークを非表示にする場合は、必ずお問い合わせフォームの送信ボタンの近くに「このサイトはreCAPTCHAによって保護されています」という旨のテキストリンクを記載しなければならないとGoogleの規約で定められています。
① フォームにテキストを記載する
Contact Form 7のフォーム編集画面を開き、送信ボタンの直前に以下のHTMLコードを貼り付けます。
② CSSでバッジを消す
WordPressの「外観」＞「カスタマイズ」＞「追加CSS」に以下のコードを貼り付けて保存します。
まとめ
Contact Form 7にreCAPTCHA v3を設定すれば、スパムメールのストレスから完全に解放されます。サイトを立ち上げたら、フォームの設置とセットで必ず設定しておくようにしましょう！