reCAPTCHA

フォーム送信時に「自分はbotじゃないですよ」の確認を。

どうやら自分が登録したのは、最新のv3がリリースされたタイミングだったらしい。
グーグル、「reCAPTCHA」に新バージョン–操作不要で人間であると証明可能に
「私はロボットではありません」選ぶ必要なし　新「reCAPTCHA」Googleが公開、ユーザーは何もしなくてOK

チェックマークで確認

v2ではチェックマークを入れさせたり、場合によっては画像をぽちぽちしたりなどでbotではないことを確認する。
ユーザ側からも判りやすい。でも確認は手間。

  1. reCAPTCHAにサイトを登録
    reCAPTCHA v2 → Checkboxを選択
    Domainsにはテスト用環境としてローカルIPなどを追加すると吉 reCAPTCHA new site

  2. 設置に必要な情報が表示される reCAPTCHA site setting v2

  3. <head>内に設置 
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer>

  4. <form>内にチェック後に有効にしたいボタンやら入力欄やらにdisabledを追加
    ついでにreCAPTCHAチェックボックスも追加
    例に挙げたのはテキスト用QRコード作成での設定1

  5. reCAPTCHA承認後や期限切れ時にボタンやら入力欄やらのdisabledを制御するスクリプトを追加

  6. form処理部分に追加

ユーザ側の手間無しで確認

v3は画像ポチポチをしなくてもいいなど、意識せずに承認されてる。
v2 Invisibleみたいな感じ?
使い方はそのうちに…

reCAPTCHA new site reCAPTCHA site setting

  1. submitではなくbuttonなのは都合上なので、気にしたら負け。 ↩