Google 開發的 reCAPTCHA 可以保護網站不受垃圾留言和惡意程式攻擊,最常用於表單填寫和登入的功能,而在 reCAPTCHA v3 這個版本中,使用者將不需要再點選「我不是機器人」的方塊,reCAPTCHA v3 會自動記錄並偵測使用者在網頁中的行為,以判斷是否為真實人類。

在 WordPress 中最常被使用的聯絡表單外掛 Contact Form 7,也同樣支援 reCAPTCHA 模組,本篇告訴你如何在 Contact Form 7 中設定 reCAPTCHA v3,以阻擋垃圾郵件機器人濫用表單提交。

首先你必須安裝並請用 Contact Form 7
https://tw.wordpress.org/plugins/contact-form-7/
建立聯絡表單,並插入在網站中

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)

網站後台聯絡表單選項中「整合」頁面可以看到 reCAPTCHA 設定整合模組的選項

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)

點擊「設定整合模組」其要求填入網站金鑰以及秘密金鑰

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)

因此我們到 google.com/recaptcha 申請,點擊「Admin console」登入 Google 帳號

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)

輸入標籤(可以是網站名稱)選擇 reCAPTCHA 類型、並且輸入網站網域名稱(網域部分即可)

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)

輸入完畢送出後,就可以取得網站金鑰以及秘密金鑰

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)

複製回網站後台填入,儲存後 reCAPTCHA 設定就生效了

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)

回到網站前台,右下角出現 reCAPTCHA 標籤,代表網站已經受到 reCAPTCHA 驗證保護

「教學」WordPress 聯絡表單 Contact Form 7 設定 reCAPTCHA (v3)