reCAPTCHA v3 使用範例

方法一方法二後端 GAS 筆記文

方法1：直接埋 HTML code

參考文件：Automatically bind the challenge to a button

code

<!-- 在要驗證的地方，放入 reCAPTCHA 的 data -->
<button
    class="g-recaptcha"
    data-sitekey="網站金鑰"
    data-action="verify1"
    data-callback="verifyCallback">送出</button>

<-- 引用 JS -->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>

class 必須為「g-recaptcha」
data-sitekey，填入「網站金鑰」
data-action，v3 新增的，這邊填的值會顯示在後台報表中
data-callback，驗證完成後要觸發哪個 function，會回傳 g-recaptcha-response token

點擊下方的「送出」按鈕來測試

驗證成功才會出現的按鈕