広告 WORDPRESS

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】

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

WordPressプラグイン「Contact Form by WPForms(WPForms Lite)」を導入したら、あわせて入れておきたい代表的なセキュリティーツール…

Google reCAPTCHA

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

 



 

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

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

ためのツールです

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

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

Google reCAPTCHA v3

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

 

ただし、WordPressプラグイン「Contact Form by WPForms」の設定画面を見ると、この「v3」というバージョンは…

高度な使用のみを推奨(またはGoogle AMPを使用する場合)

といったプラグイン公式による記載があり、つまり通常の用途としては推奨されていないため、少なくとも「WPForms」を使用されている場合には「reCAPTCHA v3」ではなく…

Invisible reCAPTCHA v2

というバージョンがおすすめです

 

「reCAPTCHA」バージョンごとの違い

  • reCAPTCHA v2 → 「手動」で画像認証
    ※ユーザー(ブログ読者)の手間が増えるのがデメリット
  • reCAPTCHA v3 → 「自動」でスパムを検出
    ※ユーザー(ブログ読者)の手間はなくなる代わりに、「スパムではない正規のアクセスまで遮断されかねない」のがデメリット
  • Invisible reCAPTCHA v2 → 「自動」でスパムを検出し、仮にスパム判定となった場合は「手動」の画像認証に移行
    ※結論、「v2」と「v3」両方のデメリットをカバーできる!
 

そんな「Google Invisible reCAPTCHA v2」の登録手順と、WordPressのお問い合わせフォーム作成プラグイン「Contact Form by WPForms(WPForms Lite)」への設定方法について、2つのステップで丁寧に解説していきます

  1. Google Invisible reCAPTCHA v2の登録方法
    ※サイト登録をして「サイトキー&シークレットキー」を取得する手順!
  2. Google Invisible reCAPTCHA v2の、WordPressプラグイン「Contact Form by WPForms(WPForms Lite)」への設定方法

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

  • Google Invisible reCAPTCHA v2の登録内容を、あとから編集(変更)するやり方
    ※ラベル変更、ドメイン追加、アラート設定など!

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

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

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

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】

ステップ1:Google Invisible reCAPTCHA v2の登録方法【サイト登録をして「サイトキー&シークレットキー」を取得する手順】

WordPress ヘッダー b-01

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

Google Invisible reCAPTCHA v2の登録手順

具体的には…

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

について

 

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

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

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

 

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

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

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

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

まず!

 

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

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

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

Invisible reCAPTCHA v2のサイト登録

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

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

一方で…

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

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

 

補足

 

もしも以前に、別バージョンのGoogle reCAPTCHA(例:v3)をすでに登録されたことがある方で、今回…

同一のGoogleアカウントで「Invisible reCAPTCHA v2」の新規登録

を行われる場合は、該当のGoogleアカウントに切り替えたうえで、右上の…

 

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-02-c

 

↑【+】ボタンから、新規登録の画面を開くことができます

 
 

ということで…

 

任意のGoogleアカウントに切り替えたら、ここから「Google Invisible reCAPTCHA v2」の各種登録・設定を行っていきます

上から順に見ていくよ!
 

まず、一番上の…

ラベル

という項目からですが、ここは読者から直接見られるものではありませんので、ご自身で管理しやすいと思う「任意のタイトル」を入力しておけばOKです

 

今回は一例として…

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

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

 

ちなみにこのラベル名は、登録完了したあとでもいつでも変更することは可能です

あとから変更する方法は、一番最後のパートで解説してるよ!
 

補足

 

ラベルのフォーム欄には入力例としてサンプルのドメイン名( ~~~~~.com )が表示されていますが、今後「別のドメインも追加で登録していく」ことをふまえると、特定のドメイン名をこの【ラベル名】に使用するのは正直おすすめしません

 
 

つづいて、その下の…

reCAPTCHA タイプ

という項目についてですが、こちらはWordPressプラグイン「Contact Form by WPForms(WPForms Lite)」を使用されている場合であれば…

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

↑ こちらの…

チャレンジ(v2)

という項目を選択してから、その下にスライド表示されたなかの…

非表示 reCAPTCHA バッジ

という項目を選択します

この「非表示 reCAPTCHA」っていうのが、今回の「Invisible reCAPTCHA v2」に該当するよ!
 

お次は…

ドメイン

という項目についてですが、こちらは今回の「Invisible reCAPTCHA v2」を登録したい、対象ブログの「ドメイン名」を…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-03-c

↑ このようにそのまま入力してから、左側の【+】ボタンをクリックすればOKです

ドメイン名の入力後に、【+】ボタンをクリックし忘れないように注意しよう!
 

ドメイン名なので、【https://】や【https://www.】にあたる部分は入力しません

複数のドメインを登録することも可能です(あとから追加登録ももちろんできます)

 

最後に、一番下部の…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-03-d

↑ 各種規約について同意出来たら、チェックを入れてから【送信】ボタンをクリックします

 

すると…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-1-04

↑ 今回登録した「Invisible reCAPTCHA v2」専用の…

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

というものが表示されますが、こちらはこのあとすぐ使用しますので、この画面は閉じずにこのまま残しておきましょう

画面を一度閉じてしまった場合でも、あとから再表示することはもちろん可能です(やり方は、この記事の最後の【補足】パートをご参照ください)

 
つづいて、「Contact Form by WPForms」側の設定に入っていくよ!
 



 

ステップ2:Google Invisible reCAPTCHA v2の、WordPressプラグイン「Contact Form by WPForms(WPForms Lite)」への設定方法

WordPress ヘッダー b-02

つづいて2つ目のステップは、「Google Invisible reCAPTCHA v2」の…

WordPressプラグイン「Contact Form by WPForms(WPForms Lite)」への設定方法

について

 

WordPress管理画面の左側一覧から…

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

↑【WPForms】にカーソルを合わせて、その右側の【設定】をクリックしましょう

 

関連

 

プラグイン「Contact Form by WPForms」の導入や基本設定がそもそもお済みでない場合は、お先にこちらをどうぞ ↓

Contact Form by WPFormsの設定方法&使い方を40枚超の画像付きで徹底解説。自動返信の設定まで【WordPressお問い合わせフォームプラグイン】
Contact Form by WPFormsの設定方法&使い方を40枚超の画像付きで徹底解説。自動返信の設定まで【WordPressお問い合わせフォームプラグイン】

続きを見る

 

つづいて…

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

↑ 上部のタブメニューから【CAPTCHA】を選択し、その下に表示される【reCAPTCHA】というカードをクリックします

 

すると…

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

↑ このような「reCAPTCHA」の設定画面になるので…

  • タイプ → 【Invisible reCAPTCHA v2】を選択
  • サイトキー → さきほど取得した【サイトキー】を貼りつけ
  • シークレットキー → さきほど取得した【シークレットキー】を貼りつけ
  • 失敗メッセージ → そのままでOK
  • 無競合モード → そのままでOK

↑ 上記のように設定してから、【設定を保存】ボタンを忘れずにクリックしましょう

 

次に、左側一覧から…

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

↑【WPForms】メニュー内の【すべてのフォーム】をクリックし、その右に表示される【お問い合わせフォーム】をクリックします

 

この【お問い合わせフォーム】にあたる部分の名称は、プラグイン「Contact Form by WPForms(WPForms Lite)」でお問い合わせフォームを作成された際に、ご自身で設定したフォーム名によって異なります

 

すると…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-2-05-a

↑ このような画面になるので、【reCAPTCHA】というカードをクリックし…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-2-05-b

↑ こちらのポップアップ画面で【OK】をクリックしましょう

 

これで、画面の右上に…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-2-06

↑ このようなreCAPTCHAの「保護バッジ」が表示されたことを確認できたら、【保存】ボタンをクリックして完了です

 

実際のブログ上でも、お問い合わせフォームに「保護バッジ」が表示されていることを確認しておきましょう

 

最後に、今回作成した「Invisible reCAPTCHA v2」の登録内容を…

  • ラベル名の変更
  • ドメインの追加
  • サイトキー&シークレットキーの再表示

などを、「あとから編集(変更)や閲覧するやり方」について見ていきますね🐥

一瞬だよ!
 



 

補足:Google Invisible reCAPTCHA v2の登録内容を、あとから編集(変更)するやり方【ラベル変更/ドメイン追加/アラート設定】

WordPress ヘッダー b-03

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

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

について

 

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

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

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

 

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

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

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

 

なお「同一のGoogleアカウント」で、例えば…

  • Invisible reCAPTCHA v2
  • reCAPTCHA v3

のように、reCAPTCHAを「複数」登録されている場合は…

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

↑ 左上に表示されているラベル名のタブを開き、(編集や閲覧したい)該当のラベルに切り替えておきましょう

登録済みデータがそもそも1つだけの場合、ここは気にしなくてOKだよ!
 

つづいて、画面の右上に表示されている…

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

↑ こちらの「設定」アイコンをクリックすると…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-3-04-a

↑ このように登録時と同じような設定画面が表示されるので、こちらで…

  • ラベル名の変更
  • ドメインの追加
  • シークレットキー&サイトキーの再表示

など、「Invisible reCAPTCHA v2」の各種編集(変更)や閲覧をいつでも行うことができます

 

なおこの編集画面では、初期設定時には表示されていなかった項目がいくつか追加で表示されますが…

基本的には「デフォルトのまま」でOK

で、強いて言えば…

Google reCAPTCHAの登録&WPFormsへの設定方法を20枚超の画像付きで徹底解説【WordPressお問い合わせフォームのスパム対策】 1-3-04-b

↑ こちらの【アラートをオーナーに送信する】という項目は、セキュリティの観点から【ON】に変更しておくとおすすめです(必須ではありませんが、参考までに自分は【ON】に設定しています)

 

設定を変更された場合は、【保存】ボタンを忘れずにクリックして、今回の作業は一通り完了となります🐥

ここまでお疲れさま!
 

人気記事

 
 

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

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

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

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

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

あかね猫

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

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

-WORDPRESS