目次
HTMLでのGoogle reCAPTCHAの導入方法
1. Google アカウントでドメインを設定
1.Google アカウントでドメインを新規追加登録します:https://www.google.com/recaptcha/admin/

2.サイトキーとシークレットキーが発行されるので、それをHTMLとGASエディタに貼り付けます。
コードはChatGPTやGoogle AI Studio, Claudeで書いてもらいましょう。
3.デプロイする。(何度もする必要があるかも!)
反映されない場合、以下の点が原因かも?
よくある原因
| 原因 | 症状 |
|---|---|
| reCAPTCHA検証で弾かれている | スコアが低い/アクション不一致 |
| スプレッドシートの権限エラー | シートIDの共有設定 |
| GASが古いバージョンのまま | 再デプロイ忘れ |
設定には30分~1時間ぐらいかかるかもしれません

完成
私の場合は、Googleアカウント権限がひっかかってしまって、デプロイは20回ぐらいしましたが
無事に完成しました。

2. WordPressサイトへのreCAPTCHA導入
プラグインを探してインストールします。
先ほどとは違って、WordPressサイトへの導入はプラグインのインストールだけで完了しました。


認証時のポップ


コメント