【2023年】reCAPTCHA v3登録手順とContact Form 7への設定方法。スパム対策【ワードプレスブログ完全初心者ガイド／第４章／No.11】

専業ブロガー６年目のあずき猫です

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

の登録・設定方法と使い方について、ブログ初心者さん向けに１から解説していきます

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

ためのツールです

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

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

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

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

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

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

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

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

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

についても、あわせてご紹介していきます（こちらは一瞬です！）

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

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

【2023年】reCAPTCHA v3登録手順とContact Form 7への設定方法。スパム対策【ワードプレスブログ完全初心者ガイド／第４章／No.11】

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

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

について

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

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

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

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

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

まず！

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

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

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

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

一方で…

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

ということで…

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

上から順に見ていくよ！

まず、一番上の…

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

今回は一例として…

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

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

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

つづいて、その下の…

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

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

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

お次は…

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

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

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

今度は…

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

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

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

最後に…

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

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

ということで！

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

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

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

↑ このように…

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

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

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

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

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

について

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

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

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

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

すると…

↑ このように「reCAPTCHA」の…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

すると…

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

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

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