MENU

WordPress

迷惑メールから解放！Contact Form 7のreCAPTCHA(v3)設定方法

迷惑メールから解放！Contact Form 7のreCAPTCHA(v3)設定方法
ENOWL_Nao

どうも、こんにちは。
Webデザイナーのなお（@ENOWL_Nao）です。

最近、突然たくさんの迷惑メールが届くようになりました。

1時間に100件近くも外国からのメールが届くので困りました…。
そこで、フォームに迷惑メール対策としてreCAPTCHAを設定しました。

その結果、迷惑メールは現在のところ届いていません。良かった…。

迷惑メールを放置してしまうとさまざまな悪影響が生じる可能性があります。
例えば、

  • メールのチェックにかかる時間が増える
  • ウイルスやマルウェアに感染する危険性がある
  • 重要なメールを見落としてしまう可能性がある

そこで今回は、Contact Form 7にreCAPTCHAを使って迷惑メール対策する手順を分かりやすく説明します。

注意点

今回の記事は、Contact Form 7でフォームを作成されている方向けの記事です。
まずはご自身のサイトのお問い合わせフォームがContact Form 7で作成されていることを確認してください。

この記事の見出し
  1. Contact Form 7とは？
  2. reCAPTCHA(v3)とは？
  3. reCAPTCHA(v3)の設定方法
    1. STEP1　Google reCAPTCHAの公式サイトにアクセス
    2. STEP2　新しいサイトを登録
    3. STEP3　サイトキーとシークレットキーのコピー
    4. STEP4　Contact Form 7の設定ページを開く
    5. STEP5　サイトキーとシークレットキーを入力
  4. まとめ
  5. おわりに

Contact Form 7とは？

Contact Form 7は、広く使われている無料のWordPressプラグインです。
ウェブサイトやブログに簡単にお問い合わせフォームを作成・管理することができます。

このサイトでもお問い合わせフォームはContact Form 7を使用しています。

reCAPTCHA(v3)とは？

reCAPTCHA(v3)は、Googleが無料で提供しているスパム対策のサービスです。
ウェブサイトのフォームなどに組み込むことで、ボットやスクリプトによる不正なアクセスやスパムメールの送信を防ぐことができます。

reCAPTCHA(v3)は、ユーザーに目に見える認証を求めることなく、自動的に動作します。
ユーザーの行動や操作の履歴を分析して、信頼できるユーザーとスパムの違いを見分けることができます。

だから、ユーザーは面倒な認証手続きをする必要なく、スムーズにお問い合わせフォームを使うことができます。
同時に、スパムボットや不正アクセスから守られて、ウェブサイトの安全性が高まります。

reCAPTCHA(v3)の設定方法

reCAPTCHA(v3)を利用するためには、まずGoogle reCAPTCHAの公式サイトにアクセスし、サイトの登録とAPIキーの取得が必要です。

STEP1　Google reCAPTCHAの公式サイトにアクセス

まずは、Google reCAPTCHAの公式サイトにアクセスします。

注意点

Googleアカウントが必要です。
事前に用意しておいてください。

「v3 Admin Console」をクリックします。

STEP2　新しいサイトを登録

今回は、Enterpriseを使用しないので、「Switch to create a classic key」をクリックしてv3を登録する画面に変更します。

reCAPTCHA

reCAPTCHA Enterpriseは、より高度なセキュリティ対策を提供するために企業向けに設計されたものです。これは、ウェブサイトの安全性を向上させるために使用されます。API呼び出し回数に制限がありますが、企業が利用する特別な機能も備えています。

要するに、reCAPTCHA v3は一般的なウェブサイトに使われ、reCAPTCHA Enterpriseは企業向けに高度なセキュリティ対策を提供するために使われるものって感じです。

各情報を入力してください。

各項目内容
  1. ラベル
    サイトを識別するための分かりやすい名前を付けてください。
    私の場合は「enowl.net」にしました。
  2. reCAPTCHA タイプ
    今回は(v3)を使用するので、「reCAPTCHA(v3)」を選択してください。
  3. ドメイン
    使用するドメインを追加してください。
    例えば、私のサイトの場合は「enowl.net」となります。
  4. メールアドレス
    オーナーの箇所にログインしたGoogleのメールアドレスが表示されています。
    このオーナーメールアドレス以外になにかあった際にメールを送りたいアドレスがあれば入力してください。
  5. 利用規約
    利用規約を読んでチェックしてください。

すべてを入力したら「送信」ボタンを押してください。

STEP3　サイトキーとシークレットキーのコピー

「送信」ボタンをクリックして、ウェブサイトの情報を入力するとサイトキーとシークレットキーが生成されますので、これらをメモしておきましょう。

  1. サイトキー
  2. シークレットキー

「サイトキーをコピーする」「シークレットキーをコピーする」ボタンをクリックすることで簡単にコピーできます。

STEP4　Contact Form 7の設定ページを開く

WordPressの管理画面に戻り、Contact Form 7プラグインの設定ページを開きます。
「インテグレーション」をクリックしてください。

reCAPTCHAを設定する箇所があるので、「インテグレーションのセットアップ」をクリックします。

STEP5　サイトキーとシークレットキーを入力

先ほど取得した「サイトキー」と「シークレットキー」を入力します。
入力したら「変更を保存」をクリックしてください。

  1. サイトキー
  2. シークレットキー

設定が保存されると以下の画面になります。
「reCAPTCHA はこのサイト上で有効化されています。」となっていれば完了です。

以上で設定は完了です！
Contact Form 7にreCAPTCHAが設定され、迷惑メールからの保護が強化されます。

また、ウェブサイト上にはreCAPTCHAのロゴ（バッジ）が表示されます。
これで設定が完了しました！

注意点

設定後はフォームが正常に動作しているかをテスト送信して確認しましょう。

まとめ

以上がContact Form 7にreCAPTCHA(v3)を設定する方法でした。

reCAPTCHA(v3)を設定してから迷惑メールが劇的に減りました。
無料で利用できるのは非常にありがたいですね！

迷惑メールが多い方は、以下のような悪影響が生じる可能性があります。

  • メールチェックの時間が増える
  • ウイルスやマルウェアに感染する危険性
  • 大切なメールを見逃してしまう

reCAPTCHAの導入を検討してみてはいかがでしょうか？
ここまでお読みいただき、ありがとうございました！

おわりに

私はWordPressのカスタマイズやお困りごとの相談にも対応しています。
また、reCAPTCHAの導入代行なども行っていますので、お気軽にお問い合わせください！

Xからの読者コメントをお待ちしています。
ブログ更新の励みになります！
個人事業主さまの「Web担当」

そのWebの悩み
一人で抱え込んでいませんか？

「ちょっとここを直したい」「そろそろリニューアルしたい」…。
小さな修正から本格的な制作まで、Webに関する「どうしよう」を私が丸ごと受け止めます。難しい専門用語は使いません。
あなたの事業を支えるパートナーとして、まずは気軽にお話ししませんか？

ココナラで相談する
私について
なお
なお
Webデザイナー
InstagramContact
ホームページをご覧いただきありがとうございます！ なおと申します。 現在はフリーランスのWebデザイナーとして活動しています。 WebデザインからコーディングからWordPress実装まで一貫してホームページ制作を行うことができます。
Recommend
こちらの記事もどうぞ
記事URLをコピーしました