あずきです🐥
WordPressで極めて便利なプラグインの1つ…
Invisible reCaptcha for WordPress
について、その導入手順と設定方法をブログ初心者さん向けに1から解説していきます
まず！
この「Invisible reCaptcha for WordPress」は、Googleが提供しているスパム防止ツール…
reCAPTCHA v3
を、「Contact Form 7」などから通常の手順でWordPressへ導入すると「ブログの全ページに表示」されてしまう…
reCAPTCHAのバッジ（＝保護マーク）
について、「全ページ表示」ではなく「指定した箇所だけ表示」にできるプラグインです
ということで、今回は3つのステップで丁寧に解説していきます
- 【準備】WordPress側に「reCAPTCHA v3」のサイトキー＆シークレットキーを貼りつけてある場合は、最初に外しておこう（Contact Form 7を例に解説）
- 「Invisible reCaptcha for WordPress」の導入手順【インストールと有効化】
- 「Invisible reCaptcha for WordPress」の設定方法（＝「reCAPTCHA v3」をお問い合わせフォームなどのみ有効にし、そのほかのページからバッジ表示を消すやり方）
さっそく見ていきましょー🐥
はじめに
今回の一連の手順については…
「reCAPTCHA v3」にてサイト登録を行い、【サイトキー＆シークレットキー】を取得
という工程をすでに済ませていることが前提となります
まだの場合は、お先にこちらをどうぞ ↓
-
【2021年】「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方を初心者向けに解説【WordPressお問い合わせフォームのスパム防止】
続きを見る
2020年1月から毎日コツコツ作ってきたワードプレス初心者ガイド、
・役に立ちました！
・わかりやすかったです！みたいな大変ありがたいお言葉を頂けるケースが最近増えてきたので、改めて載せておきますhttps://t.co/QJohn2MGlF
— あずき@ブロガー (@azuki_rinrin) July 13, 2020
＼ 当ブログで愛用しています ／
検証と改善を重ねた唯一無二のテーマ
「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』
今なら超時短ツール「タグ管理プラグイン（税込4,980円）」を無料配布中！
-
【1番の本質】WING AFFINGER5って実際どう？気に入ってる点・気になる点を、専業ブロガーが本気レビュー【WordPressの愛用テーマ】
続きを見る
-
【2021年】WordPressにおける広告リンクの貼り方「3パターン」を初心者向けに解説【アフィリエイト広告コードの挿入方法／「タグ管理プラグイン」が最強におすすめ】
続きを見る
【2021年】WordPressで全ページに表示されたreCAPTCHA v3のバッジ（保護マーク）を、プラグイン「Invisible reCaptcha for WordPress」でお問い合わせフォームのみ表示に変更するやり方
ステップ１：【準備】WordPress側に「reCAPTCHA v3」のサイトキー＆シークレットキーを貼りつけてある場合は、最初に外しておこう【Contact Form 7を例に解説】
まず大事な準備として、今回のプラグイン「Invisible reCaptcha for WordPress」を導入する前に、すでにWordPress側に貼り付けてある…
「reCAPTCHA v3」のサイトキー＆シークレットキー
が仮にある場合は、両キーの貼り付けを最初に外しておきましょう
ここでは例として、「reCAPTCHA 3」をWordPressへ導入する方法として代表的な…
Contact Form 7
にサイトキー＆シークレットキーを貼ってある場合の、「キーの外し方」をご紹介していきます
WordPress管理画面から…
↑ お問い合わせ ＞ インテグレーション をクリックしましょう
そのなかの…
↑「インテグレーションのセットアップ」というボタンをクリックします
すでにこのなかに…
- サイトキー
- シークレットキー
という「reCAPTCHA v3」の両キーを貼りつけている場合は…
↑ このように【2つのキー】が表示されるので、WordやExcelなどに一旦コピーして、控えておきましょう
関連
サイトキーとシークレットキーがわからなくなった場合の対処法は、こちらで解説しています ↓
-
【2021年】「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方を初心者向けに解説【WordPressお問い合わせフォームのスパム防止】
続きを見る
サイトキーとシークレットキーを控えたら、その下の…
↑「キーを削除」というボタンをクリックして、この両キーを「Contact Form 7」から外してしまいます
ということで…
ここから「Invisible reCaptcha for WordPress」を導入して、サイトキーとシークレットキーを「別の方法」で再度貼りつけていきます🐥
ステップ２：プラグイン「Invisible reCaptcha for WordPress」を導入する手順【インストール＆有効化】
注意
プラグインを使用することで、ご利用中のWordPress環境などによっては不具合が生じてしまう可能性があります。 プラグインの使用に際しては、あらかじめデータやファイルをバックアップされたうえで、ご自身の責任にて行ってください
つづいて2つ目のステップは…
プラグイン「Invisible reCaptcha for WordPress」の導入手順
について
WordPress管理画面の左側にある一覧メニューから…
↑「プラグイン」という項目にカーソルを合わせ、開いたメニュー内にある「新規追加」をクリックしましょう
つづいて、画面の右上にある…
↑ こちらの検索フォームに Invisible reCaptcha for WordPress と入力し、その下の検索結果から…
↑ このアイコンが目印のプラグイン「Invisible reCaptcha for WordPress」を探し、右上の「今すぐインストール」ボタンをクリックします
「今すぐインストール」ボタンが「有効化」という表示に切り替わったら、つづいて「有効化」ボタンもクリックしましょう
↑「プラグインを有効化しました。」と表示されたら、プラグインの「インストール＆有効化」は完了です
ステップ３：「Invisible reCaptcha for WordPress」の設定方法【＝「reCAPTCHA v3」をお問い合わせフォームなどのみ有効にし、そのほかのページからバッジ表示を消すやり方】
最後の3つ目のステップは…
「Invisible reCaptcha for WordPress」の設定方法
について
WordPress管理画面の左側メニューから…
↑ 設定 ＞ Invisible reCaptcha をクリックしましょう
「Invisible reCaptcha」の設定画面を開いたら、左側に表示されているタブ一覧については…
↑ こちらの【Settings】タブのままで、一旦OKです
まずは上側に表示されている…
↑ こちらの…
- Your Site Key（サイトキー）
- Your Secret Key（シークレットキー）
という2つのフォーム内に、「reCAPTCHA v3」のサイトキーとシークレットキーをそれぞれ貼りつけましょう
関連
「reCAPTCHA v3」サイトキーとシークレットキーの取得方法と、紛失してしまった場合の対処法はこちらをどうぞ ↓
-
【2021年】「reCAPTCHA v3」の登録方法と「Contact Form 7」へ設定するやり方を初心者向けに解説【WordPressお問い合わせフォームのスパム防止】
続きを見る
両キーを貼りつけたら、つづいてその下の…
↑「Language」という項目については、通常「Automatically detect」のままでOKです
お次はその下の…
↑「Badge Position」という項目ですが、ここで「reCAPTCHA v3」のバッジ（＝保護マーク）を表示させる位置を指定できます
デフォルトでは「Bottom Right＝右下」になっていますが、このままだと「保護マーク」の表示が…
- 画面のスクロールに追尾するので、ユーザーにとって邪魔になりかねない
- WordPressで一般的な「画面の最上部に戻るボタン」と、位置がかぶる
といったデメリットがあるので、自分は…
↑ こちらの「Inline」に切り替えています
「Inline」に設定することで、バッジの表示が「隅っこ」ではなく「入力フォームの近く」に変更される形です
ということで、ここまで設定できたら「変更を保存」ボタンをクリックしましょう🐣
つづいて、左側のタブ一覧から…
↑ こちらの【Contact Forms】というタブをクリックします
【Contact Forms】タブでは…
↑ このように、「reCAPTCHA v3」を有効にする対象の「お問い合わせフォーム作成ツール」を選択します
今回の例のように、プラグイン「Contact Form 7」を使っている場合は…
↑「Enable Protection for Contact Form 7」という項目にチェックを入れて、また「変更を保存」ボタンをクリックするだけでOKです
これで、「Contact Form 7」で作成したお問い合わせフォーム内に…
「reCAPTCHA v3」のバッジ（＝保護マーク）
がもう表示されるようになります
最後に！
左側のタブ一覧から…
↑ こちらの【WordPress】というタブをクリックしましょう
【WordPress】タブを開くと…
↑ このように、4つの項目が並んでいます
上から順に…
Enable Login Form Protection
ログインフォーム保護を有効にする
Enable Registration Form Protection
登録フォーム保護を有効にする
Enable Comments Form Protection
コメントフォーム保護を有効にする
Enable Forgot Password Form Protection
パスワードを忘れた場合のフォーム保護を有効にする
という意味なので、お問い合わせフォームのほかにも「reCAPTCHA v3」を有効にしておきたい送信フォームがブログ内にあれば、ここで指定しておきましょう
例えば「コメント欄」をブログに置いている場合であれば、3つ目の…
Enable Comments Form Protection
コメントフォーム保護を有効にする
にチェックを入れておくと、スパムコメント対策になります
あとは、1つ目の…
Enable Login Form Protection
ログインフォーム保護を有効にする
にチェックを入れると…
自分がWordPress管理画面にログインする際
にも「reCAPTCHA v3」保護マークが表示されるようになりますが、万が一ログインできなくなったりしたら怖いので、こちらも自分はチェックを入れていません
関連
「WordPress管理画面」のセキュリティーについては、別途こちらのプラグインが定番です ↓
-
【2021年】WordPressプラグイン「SiteGuard WP Plugin」の基本的な設定方法を初心者向けに解説【ブログのログインセキュリティー強化】
続きを見る
ということで…
ここまでできたら、最後にまた「変更を保存」ボタンを忘れずにクリックして、今回の設定については一通り完了となります🐥
今回の記事はこちらの章に属しています
＼ 当ブログで愛用しています ／
検証と改善を重ねた唯一無二のテーマ
✔ 洗練されたビジュアルと、ターゲットに合わせた「変幻自在」な柔軟性！
✔ 時間のかかる面倒なカスタマイズも、「クリック1つ」でさくさく実現！
✔ 本気で戦うためのSEO対策と、「稼ぐ」に特化したアフィリエイト機能！
今なら超時短ツール「タグ管理プラグイン（税込4,980円）」を無料配布中！
-
【2021年】WordPressにおける広告リンクの貼り方「3パターン」を初心者向けに解説【アフィリエイト広告コードの挿入方法／「タグ管理プラグイン」が最強におすすめ】
続きを見る
About me
- 専業ブロガー・フリーランス -
あずき
独立4年目 / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter（@azuki_rinrin）にわりといるので、覗いてもらえると嬉しいです^^