問い合わせフォームの設置あわせ、reCAPTCHAを導入します。
みなさん、おなじみの「ロボットではありません」のあれです。
が、これも気がつけば、v3がリリースされており、v3からだと導入すると、あのチェックボックスが不要になるんですね。
サイト内のユーザーの動きをJSトラッキングし、ロボットか人間かをスコア化しているらしい(笑)すごいねGoogle。
その、スコアの信頼度はどこまでかはわからないですが、試しにv3を使ってみます。
まずはここにアクセス
https://www.google.com/recaptcha/admin
新規登録
にログイン後、+マークの作成をクリックし、新しいサイトを登録する画面に遷移します。
![](https://monmon.jp/wp-content/uploads/2021/04/1618210076-b02d8c8482d8c640780941f607b1df32-1024x470.png)
ドメインやらにあわせて、reCAPTCHA v3を選択し、次に進むと、サイトキーとシークレットキーが発行されました。あとは、自前の環境に合わせて使うだけ。
WordPress、Contact From 7の場合
WordPressの定番、Contact From 7に組み込む場合はこの設定画面に、それぞれのキーを登録するだけ。
![](https://monmon.jp/wp-content/uploads/2021/04/1618210193-9744e7904d4eaab1165ea3f49aea9da6-1024x470.png)
超簡単に導入完了。
![](https://monmon.jp/wp-content/uploads/2021/04/1618210205-ee76c63dfb62305f1ef446d38fa51930-1024x563.png)
でもこのバッチ、むっちゃ邪魔(笑)スクロールボタンと超かぶる。
バッチを消します。
Googleの規約的にはこのバッチをそのまま非表示にするのはNGみたいで、プライバシーポリシーなどの明記があればオフィシャルに消してもいいみたいです。
https://developers.google.com/recaptcha/docs/faq
![](https://monmon.jp/wp-content/uploads/2021/04/1618210402-42fee3559a734d77ab32401c2f2f9b4c-1024x666.png)
ドキュメントのまんまですが、この一行をフォームなどにコピペして、サイト内に明示的に表記。
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
cssでバッジを非表示にするだけみたいですね。
.grecaptcha-badge { visibility: hidden; }
超簡単ですね。