Web制作
MW WP FormにGoogle reCAPTCHA v3を設定する方法
2021年08月30日 8:00
こんにちは、hgmです。
今回はMW WP FormにGoogle reCAPTCHA v3を設定する方法をご紹介します。
セキュリティー強化やスパム防止のために多くのWEBサイトで設置されているreCAPTCHAですが、WordPressのフォームプラグイン「MW WP Form」にも設定する事が可能です。
それでは早速見ていきましょう！
もくじ
reCAPTCHA v3の作成
まずは「reCAPTCHA v3」を作成しましょう
「reCAPTCHA」にアクセスし、画面右上にある「v3 Admin Console」ボタンをクリックします。
登録画面に移るので、下記の赤枠箇所の入力・選択をし、送信してください。
ドメインは設定したいサイトのドメインを入れてください。
オーナーはデフォルトで自分のGmailアドレスがデフォルトで入ります。
送信後、サイトキーとシークレットキーが作成されます。
WP側の設定
WPにプラグイン「reCAPTCHA for MW WP Form」を追加します
有効化後、WPメニューの「MW WP Form」の中にある「reCAPTACHA v3」をクリックします。
サイトキーとプライベートキーをペーストします。
入力欄に先程作成したサイトキーとプライベートキーを貼り付け、「変更を保存」をクリックします。
保存後、ボタン下にある2つのショートコードをコピーしておきます。
MW WP Formで設定したいフォームの設定画面に入ります
フォームのエディタ内にコピーしたショートコードをペーストします。
バリデーションルールを追加します
画面下部にあるバリデーションルールを新規追加し、赤枠の箇所と同じように入力・チェックを入れます。
以上で設定完了！
設定したフォームのページでreCAPTCHAのマークが右下に確認できれば成功です。
関連記事
この記事を書いた人
hgm
農業高校出身フロントエンドエンジニアの社員hgmです。 猫センサー搭載済みの愛猫家。 広い視野を持って日々邁進していきます！
