WORDPRESS

【2022年】reCAPTCHA v3の登録方法とContact Form 7への設定方法を初心者向けに解説【WordPressお問い合わせフォームのスパム防止】

reCAPTCHA v3の登録方法とContact Form 7への設定方法
 

専業ブロガー5年目のあずきです🐥

 

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

Google reCAPTCHA

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

 

まず「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」側が旧バージョンにはもう対応してないから、今は実質「reCAPTCHA v3」の一択だよ!
 

注意

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

 

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

指定ページのみの表示

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

WordPress「reCAPTCHA v3」保護マークをお問い合わせフォームのみ表示に設定するやり方
WordPress「reCAPTCHA v3」保護マークをお問い合わせフォームのみ表示に設定するやり方【プラグイン「Invisible reCaptcha for WordPress」を使用/2022年】

続きを見る

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

 

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

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

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

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

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

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

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

【2022年】reCAPTCHA v3の登録方法とContact Form 7への設定方法を初心者向けに解説【WordPressお問い合わせフォームのスパム防止】

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

WordPress ヘッダー b-01

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

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

について

 

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

reCAPTCHA v3の登録方法とContact Form 7への設定方法 1-1-01

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

 

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

reCAPTCHA v3の登録方法とContact Form 7への設定方法 1-1-02-a

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

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

まず!

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-02-b

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

「Google reCAPTCHA」のサイト登録

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

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

一方で…

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

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

 

ということで…

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

上から順に見ていくよ!
 

まず、一番上の…

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-03-a

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

 

今回は一例として…

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-03-b

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

 

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

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

補足

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

 

つづいて、その下の…

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-04-a

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-04-b

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

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

お次は…

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-05-a

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-05-b

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

 

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

 

今度は…

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-06

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

 

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

reCAPTCHA v3の登録方法とContact Form 7への設定方法 1-1-07

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

 

最後に…

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-08

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

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

ということで!

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-09

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

 

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-1-10

↑ このように…

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

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

 

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

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

ステップ2:取得したサイトキーとシークレットキーを「Contact Form 7」に貼り付ける手順【注:保護マークを ”全ページ表示にしたくない” 場合は、また別の手順となります】

WordPress ヘッダー b-02

 

重要

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

指定ページのみの表示

に設定したい場合は…

Invisible reCaptcha for WordPress

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

 

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

WordPress「reCAPTCHA v3」保護マークをお問い合わせフォームのみ表示に設定するやり方
WordPress「reCAPTCHA v3」保護マークをお問い合わせフォームのみ表示に設定するやり方【プラグイン「Invisible reCaptcha for WordPress」を使用/2022年】

続きを見る

 

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

 

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

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

について

 

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

reCAPTCHA v3の登録方法とContact Form 7への設定方法 1-2-01

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

 
 

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

reCAPTCHA v3の登録方法とContact Form 7への設定方法 1-2-02

↑ こちらの「インテグレーションのセットアップ」というボタンをクリックします

 

すると…

reCAPTCHA v3の登録方法とContact Form 7への設定方法 1-2-03

↑ このように「reCAPTCHA」の…

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

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

 

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

reCAPTCHA v3の登録方法とContact Form 7への設定方法 1-2-04

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

 

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

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

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

 

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

WordPress ヘッダー b-03

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

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

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

 

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-3-01

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

 

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-3-02

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

 

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-3-03-a

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

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

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-3-03-b

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

 

すると…

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 1-3-04

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

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

人気記事

 

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

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

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

\ 当ブログで愛用しています /

ACTION AFFINGER6 バナー 01-300px

インフォトップ ワードプレステーマ売上

第1位

ACTION AFFINGER6

 

   ✔ 洗練されたビジュアルと、ターゲットに合わせた「変幻自在」な柔軟性!

   ✔ 時間のかかる面倒なカスタマイズも「クリック1つ」でさくさく実現!

   ✔ 「稼ぐ」に特化した、本気で戦うための最適化&アフィリエイト機能!

すごいもくじLITE

の限定特典キャンペーンも実施中!!!

 

公式:「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

関連:【1番の本質】ACTION AFFINGER6って実際おすすめ?良い点&気になる点を専業ブロガー5年目が本気レビュー【愛用テーマ】

ACTION AFFINGER6って実際おすすめ?良い点&気になる点を専業ブロガーが本気レビュー
【1番の本質】ACTION AFFINGER6って実際おすすめ?良い点&気になる点を専業ブロガー5年目が本気レビュー【愛用テーマ】

続きを見る

※2021年発表Infotop Affidemy

About me

あずきアイコン main-01 背景透過

suzu azuki
あずき鈴々

 

独立5年目の専業ブロガー / 元アパレル → 歴10年

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にいるので覗いてもらえると嬉しいです^^

-WORDPRESS