広告 WORDPRESS

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】

専業ブロガー7年目のあかね猫です

WordPressでお問い合わせフォーム作成プラグイン「Contact Form 7」を導入したら、あわせて導入しておきたいGoogleの代表的なセキュリティー対策…

reCAPTCHA v3

の登録手順と設定方法について、実際の画像(20枚超)付きでとにかくわかりやすく徹底解説していきます

 



 

まず「Google reCAPTCHA」は、「お問い合わせフォーム」を始めとしたWEBサイト上に設置してある各種「送信フォーム」を…

スパムメッセージなどの「自動化された不正な攻撃」から保護する

ためのツールです

Googleが提供してる、無料のセキュリティーツールだよ!
 

この「Google reCAPTCHA」は、初代バージョンである「v1」から何度かアップデートが行われていて、現在では…

reCAPTCHA v3

というバージョンが最新になります

 

「Google reCAPTCHA」バージョンごとの認証形式

  • reCAPTCHA v1 → 歪んだ文字を解読する文字認証!
  • reCAPTCHA v2 → 「私はロボットではありません」のチェックと画像認証!
  • reCAPTCHA v3 → ユーザー側が直接行う認証は一切なくなり、AIによる自動判別!
 

従来までの「v1」「v2」と違い…

 

ブログを訪れたユーザーは、なにもしなくてOK

 

という点で、ユーザーの利便性が大きく向上したのが「reCAPTCHA v3」のメリットです

「Contact Form 7」側が古いバージョンにはもう対応してないから、今は実質「v3」の一択だよ!
 

注意

現在の最新バージョン「reCAPTCHA v3」のデメリットとして、導入したブログの「全ページ」に専用の保護バッジが表示されてしまう仕様になっています

 

この「reCAPTCHAバッジ」の全ページ表示を、「お問い合わせフォーム」を始めとした…

指定ページのみの表示

に変更する方法は、別途こちらの記事で1から解説しています ↓

reCAPTCHA v3保護マークをお問い合わせフォームのみに変更するやり方【Invisible reCaptcha for WordPressプラグインの設定方法】
reCAPTCHA v3保護マークをお問い合わせフォームのみに変更するやり方【Invisible reCaptcha for WordPressプラグインの設定方法】

続きを見る

※上記は、当記事のステップ1「reCAPTCHA v3にサイト登録し、サイトキー&シークレットキーを取得」までの手順を済ませていることが前提となります

 

そんな「Google reCAPTCHA」の登録手順と「Contact Form 7」への設定方法について、2つのステップで丁寧に解説していきます

  1. 「reCAPTCHA v3」にサイト登録し、サイトキーとシークレットキーを取得する!
  2. 取得したサイトキーとシークレットキーを「Contact Form 7」に貼り付ける!

また、この記事の最後では【補足】として…

  • 「reCAPTCHA v3」の登録内容をあとから変更するやり方
    ※ラベル変更、ドメイン追加など!

についても、あわせてご紹介していきます(こちらは一瞬です!)

サイトキーやシークレットキーを紛失しちゃった場合も、【補足】を見てね!
 

ということで、さっそく見ていきましょー🐥

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】

ステップ1:「reCAPTCHA v3」にサイト登録し、「サイトキー」と「シークレットキー」を取得する手順【ドメインは「複数登録」可能】

WordPress ヘッダー b-01

まず1つ目のステップは…

「reCAPTCHA v3」にサイト登録し、サイトキー&シークレットキーを取得する手順

について

 

Google reCAPTCHA」のTOPページへアクセスし、画面の右上に表示されている…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-01

↑ こちらの「v3 Admin Console」という項目をクリックします

 

クリックすると、いずれかの「Googleアカウント」にログインしている状態の場合…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-02-a

↑ このような「サイト登録」の画面が表示されます

「どのGoogleアカウントにもログインしていない…」という場合は、少し先まで読み進めてね!
 

まず!

 

「Googleアカウントを複数持っている」という場合は、画面の右上に表示されている…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-02-b

↑「プロフィール」アイコンを開き、保有している複数の「Googleアカウント」のなかから、今回行う…

「Google reCAPTCHA」のサイト登録

に使用したい、任意の「Googleアカウント」に切り替えておきます

そもそも持ってるアカウントが「1つだけ」な場合は、そのままでOK!
 

一方で…

  • どのGoogleアカウントも「ログアウト」の状態になっている!
  • もしくは、Googleアカウントをまだ1つも作ったことがない!

という場合は、先に「ログイン or アカウント新規作成」の画面が表示されるので、まずは「ログイン or アカウント新規作成」から済ませましょう

 

ということで…

 

任意のGoogleアカウントに切り替えたら、ここから各種設定を行っていきます

上から順に見ていくよ!
 

まず、一番上の…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-03-a

↑「ラベル」という項目ですが、ここは読者から直接見られるものではないので、自分で管理しやすいと思う「任意のタイトル」を入力しておけばOKです

 

今回は一例として…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-03-b

↑ このようなラベル名にしてみました(日本語でも設定は可能です)

 

ちなみにこのラベル名は、登録完了したあとでも変更はできます

あとから変更する方法は、最後の【補足】で解説してるよ!
 

補足

ラベルのフォーム欄には入力例としてドメイン名( example.com )が表示されていますが、今後「別のドメインも追加登録していく」ことを考慮して、特定のドメイン名を入れるのはおすすめしません

 

つづいて、その下の…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-04-a

↑「reCAPTCHA タイプ」ですが、ここは素直に最新バージョンの…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-04-b

↑「reCAPTCHA v3」を選択すればOK

「v2」の方は、もう「Contact Form 7」に対応してないので注意!
 

お次は…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-05-a

↑「ドメイン」ですが、こちらは「reCAPTCHA v3」を登録したい対象サイトの「ドメイン名」を…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-05-b

↑ そのまま入力します(ドメイン名なので、 https:// や https://www. の部分は入力しません

 

このドメインもあとから変更や削除、また(別のドメインを)追加登録することができます

 

今度は…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-06

↑「オーナー」という項目ですが、こちらは最初から使用している「Googleアカウント」のメールアドレスが設定されているので、通常そのままでOKです

 

つづいて、その下に表示されている利用条件・利用規約をよく確認し、内容に同意できたら…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-07

↑ こちらのボックスにチェックを入れます

 

最後に…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-08

↑「アラートをオーナーに送信する」という項目ですが、こちらはなにか問題を検知したときにアラート(通知)を受け取るかどうかの設定なので、お好きな方を設定しましょう

自分は「チェックあり」のままにしてるよ!
 

ということで!

 

ここまでできたら、入力内容に間違いがないかどうか確認したうえで、一番下にある…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-09

↑「送信」ボタンをクリックします

 

すると、「reCAPTCHA v3」のサイト登録が完了し…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-10

↑ このように…

  • サイトキー
  • シークレットキー

という次のステップで使用する「2つのキー」が発行されるので、こちらは大切に保管しておきましょう

 

これで、「Google reCAPTCHA」側での登録作業については完了となります🐥(この画面は一旦閉じてしまってOKです)

お次は「Contact Form 7」側の設定に入っていくよ!
 



 

ステップ2:取得したサイトキーとシークレットキーを「Contact Form 7」に貼り付ける手順【保護マークを「全ページ」に表示する】

WordPress ヘッダー b-02

 

重要

reCAPTCHA v3を導入すると、通常は「全ページ」の右下に表示される保護バッジを、お問い合わせフォームを始めとした…

指定ページのみの表示

に設定したい場合は…

Invisible reCaptcha for WordPress

というプラグインを使うのが定番です(当ブログでも使用しています)

 

具体的な導入&設定手順については、下記をどうぞ ↓

reCAPTCHA v3保護マークをお問い合わせフォームのみに変更するやり方【Invisible reCaptcha for WordPressプラグインの設定方法】
reCAPTCHA v3保護マークをお問い合わせフォームのみに変更するやり方【Invisible reCaptcha for WordPressプラグインの設定方法】

続きを見る

※その場合、以下の【ステップ2】にあたる手順は行いませんのでご注意ください

 

つづいて2つ目のステップは…

取得したサイトキー&シークレットキーを「Contact Form 7」に貼り付ける手順

について

 

WordPress管理画面から、プラグイン「Contact Form 7」を導入すると表示される…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-2-01

↑「お問い合わせ」を開き、そのなかの「インテグレーション」をクリックしましょう

 
 

「インテグレーション」を開いたら、画面下部に表示されている…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-2-02

↑「reCAPTCHA」という項目内の、「インテグレーションのセットアップ」というボタンをクリックします

 

すると…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-2-03

↑ このように「reCAPTCHA」の…

  • サイトキー
  • シークレットキー

を入力する画面になるので、さきほどコピーした【2つのキー】をそれぞれ貼りつけます

 

最後に、「変更を保存」ボタンをクリックして…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-2-04

↑ このように「reCAPTCHA はこのサイト上で有効化されています。」というメッセージが表示されたら、設定は無事完了です

 

実際のブログ上で、各ページの右下に…

reCAPTCHAのバッジ(保護マーク)

がちゃんと表示されていることを確認しておきましょう🐥

 



 

補足:「reCAPTCHA v3」の登録内容をあとから変更するやり方【ラベル変更/ドメイン追加/サイトキー・シークレットキーがわからない場合など】

WordPress ヘッダー b-03

最後に1点だけ【補足】として、今回登録した「reCAPTCHA v3」の内容を…

あとから変更(編集)するやり方

について、サクッとご紹介していきます🐣

 

まずは「Google reCAPTCHA」のTOPページにアクセスして、最初と同じように右上の…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-3-01

↑「v3 Admin Console」という項目をクリックしましょう

 

つづいて、画面の右上にある…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-3-02

↑ こちらのプロフィールアイコンを開いて、「reCAPTCHA v3」の登録に使用したGoogleアカウントに切り替えます

 

すると「登録済みデータ」の管理画面に切り替わるので、左上に表示されている…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-3-03-a

↑ こちらのラベル名のところを開いて、編集したい該当の登録データに切り替えます

「reCAPTCHA」の登録済みデータが1つだけの場合、ここはそのままでOK!
 

切り替えたら、画面の右上に表示されている…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-3-03-b

↑ こちらの「設定」アイコンをクリックしましょう

 

すると…

reCAPTCHA v3登録手順とContact Form 7への設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-3-04

↑ このように登録時と同じような入力画面が表示されるので、ここで「ドメインの追加」など各種内容を編集していけばOKです🐥

サイトキーとシークレットキーを紛失しちゃった場合は、「reCAPTCHA のキー」という場所を開くと確認できるよ!

人気記事

 
 

各章のTOPページを【ブックマーク】などしておくと、迷わずスムーズに進められます

ワードプレスブログ「完全初心者」ガイド!

全8章の「総合TOP」ページです

ワードプレスブログ「完全初心者」ガイド

 
プロフィールカード bg-01
プロフィールカードアイコン main-02

あかね猫

専業ブロガー7年目 / 元アパレル(歴10年)/ 2024年からYouTubeも本格的に始めました!(旅行系チャンネル)

少しでも参考になりましたら、
\ シェアしていただけると励みになります!! /

-WORDPRESS