WORDPRESS

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

「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方 アイキャッチ
 

あずきです🐥

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

Google reCAPTCHA

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

 

まず!

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

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

ためのツールです

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

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

reCAPTCHA v3

というバージョンが最新になります(2021年3月時点の情報です)

 

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

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

従来までのバージョン「v1」「v2」と違い、「ブログ訪問者は実質なにもしなくてOK」という点で、ユーザーの利便性が大きく向上したのが「reCAPTCHA v3」のメリットです

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

重要

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

 

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

指定ページのみの表示

に変更する方法は、下記のプラグインが一般的です ↓

 
全ページに表示の「reCAPTCHA v3」保護マークを「Invisible reCaptcha for WordPress」でお問い合わせフォームのみ表示に変更するやり方 アイキャッチ
【2021年】WordPressで全ページに表示の「reCAPTCHA v3」保護マークを「Invisible reCaptcha for WordPress」でお問い合わせフォームのみ表示に変更するやり方

続きを見る

上記は、今回ご紹介する【ステップ①】までの手順を済ませていることが前提となります(=reCAPTCHA v3にサイト登録して、サイトキー&シークレットキーを取得)

 

ということで…

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

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

また!

この記事の後半では【補足】として…

  1. 「reCAPTCHA v3」の登録内容をあとから変更するやり方 ※ラベル変更、ドメイン追加など!
  2. 「reCAPTCHA v3」における、「AMP対応」のための設定 ※AMP化してあるブログのみ対象!

についてもあわせてご紹介していきます

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

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

 

\ 本気で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

今なら超時短ツール「タグ管理プラグイン(税込4,980円)」を無料配布中!

「WING AFFINGER5」の気に入ってる点・気になる点をガチレビュー アイキャッチ
【愛用】「WING AFFINGER5」って実際どうなの?気に入ってる点・気になる点をガチレビュー【WordPressのおすすめテーマ/専業ブロガー4年目】

続きを見る

WordPressの「タグ管理」とは? アイキャッチ
WordPressの「タグ管理」とは?どれだけブログに必須な機能か、3分で解説【よく使う文章や広告をテンプレート化/一括修正が最強に便利】

続きを見る

 

【2021年版】「Google reCAPTCHA v3」の登録方法と、WordPressプラグイン「Contact Form 7」で設定するやり方【お問い合わせフォームのスパム防止】

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

WordPressブログ「完全初心者」ガイド 見出し a-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アカウントに切り替えたら、ここから各種設定を行っていきます

上から順に見ていくよ!
 

まず、1番上の…

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

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

 

今回は一例として…

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

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

 

ちなみに!

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

あとから変更する方法は【ステップ③】で解説してるよ!
 

補足

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

 

つづいて、その下の…

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

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

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

↑「reCAPTCHA v3」を選択しましょう

 
「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-a

↑ 各種利用規約をよく確認して、内容に同意できたら…

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

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

 

最後に…

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

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

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

ということで!

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

「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」側の設定に入っていくよ!
 

 

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

WordPressブログ「完全初心者」ガイド 見出し a-02

 

重要

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

指定ページのみの表示

に設定したい場合は…

Invisible reCaptcha for WordPress

というプラグインを使うのが一般的です

 
全ページに表示の「reCAPTCHA v3」保護マークを「Invisible reCaptcha for WordPress」でお問い合わせフォームのみ表示に変更するやり方 アイキャッチ
【2021年】WordPressで全ページに表示の「reCAPTCHA v3」保護マークを「Invisible reCaptcha for WordPress」でお問い合わせフォームのみ表示に変更するやり方

続きを見る

 

その場合…

 

この【ステップ②】の手順は行いません

 

のでご注意ください

 

つづいて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のバッジ(=保護マーク)

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

 

これで基本的な設定については完了となりますが、最後に【補足】として…

  1. 「reCAPTCHA v3」の登録内容をあとから変更するやり方 ※ラベル変更、ドメイン追加など!
  2. 「reCAPTCHA v3」における、「AMP対応」のための設定 ※AMP化してあるブログのみ対象!

の2点について解説していきます🐥

サクッと見ていこう!
 

 

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

WordPressブログ「完全初心者」ガイド 見出し a-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 のキー」という場所を開けば確認できるよ!

\ 本気で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

今なら超時短ツール「タグ管理プラグイン(税込 4,980円)」を無料配布中!

 

補足②:「reCAPTCHA v3」における、「AMP対応」のための設定【注:AMP化されたブログのみ対象です!】

WordPressブログ「完全初心者」ガイド 見出し a-04

つづいて2つ目の【補足】は、「reCAPTCHA v3」における…

「AMP対応」のための設定

について

 

重要

この設定は「AMP化」したサイトのみ対象の作業なので、それに該当しない場合は行わないでください

 

まずは、さきほどの【補足①】で解説した…

「reCAPTCHA v3」の登録内容を、あとから変更するやり方

と同じ手順で、登録済みデータの編集画面を開きましょう

 

そのなかに…

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

↑「このキーがAMPページで動作するようにする」という項目があるので、こちらに「チェックを入れる」だけでOKです

最後に「保存」ボタンを忘れずに!
 

今回の記事はこちらの章に属しています

WordPressブログガイド 第4章「プラグイン」編 

あずきのWordPressブログガイド 総合TOP 

\ このブログでも愛用中! /

WING AFFINGER5 banner-large-01

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

 ✔ 洗練された美しいデザイン性と、「変幻自在」な圧巻のバリエーション!

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

 ✔ 「本気で戦う」ための、最適化されたSEO対策と収益UPの機能が標準装備!

今なら超時短ツール「タグ管理プラグイン(税込4,980円)」を無料配布中!

公式:「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

関連:「WING AFFINGER5」気に入ってる点・気になる点をガチレビュー

WordPressの「タグ管理」とは? アイキャッチ
WordPressの「タグ管理」とは?どれだけブログに必須な機能か、3分で解説【よく使う文章や広告をテンプレート化/一括修正が最強に便利】

続きを見る

 

About me

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

- 専業ブロガー・フリーランス -

あずき

 

独立4年目 / 元アパレル → 歴10年

 

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

-WORDPRESS

© 2019 あずきのぶろぐ