在 WordPress 聯絡表單加入 reCAPTCHA 教學，我不是機器人！

CAPTCHA

你可能看過電影「模仿遊戲 The Imitation Game」，裡面主角「圖靈」最有名的實驗，人類使用問題來判斷對方是人還是機械，也就是「圖靈測試」；而我們今天要講的 CAPTCHA, Completely Automated Public Turing test to tell Computers and Humans Apart（全自動電腦及人類圖形鑑別測試系統），又稱為「反向圖靈測試」，是由電腦用來判別回答問題的是人類還是電腦。

在網路發達的現代，CAPTCHA 已經是網頁與程式不可或缺的功能，其中又以 Google 的 reCAPTCHA 服務最廣為人知。

 

---

 

Google reCAPTCHA

Google reCAPTCHA v1

最早的 v1 是利用辨識模糊或扭曲文字來認定使用者是否為真人；但隨著科技的進步與破解，漸漸併棄了這種過時做法，相信大家在小時候打認證碼也打到很肚爛（目前已經不支援了）。

Google reCAPTCHA v2

於是 v2 就誕生了，利用勾選之前的動作、瀏覽器所儲存的 Cookie 以及裝置的歷史記錄會得到一個分數，符合條件的在勾選後直接認證完成；如果分數低於標準就會出現常見的選取方塊，如圖：

Google reCAPTCHA v3

最新的 v3 則是從瀏覽行為包含填寫表單的動作都被 Google 記錄，自動判定是否為機器人。畫面中不再出現任何的驗證功能，只會出現提示讓使用者知道有使用 Google reCAPTCHA v3。

不管你想要 v2 或 v3 都可以，申請方法也都一樣，往下看吧！

 

---

 

申請 reCAPTCHA

步驟一、新增網站

首先登入你的 Google 帳號，連到 Google reCAPTCHA 網站。

選擇「Admin Console」。

並按下「+」來新增網站。

步驟二、輸入內容

1. 輸入網站的名字，如果有多個網站能方便分辨。
2. 選擇你要申請的 reCAPTCHA 版本，這邊以 v2 來示範。
3. 輸入要使用 reCAPTCHA 的網址。
4. 打勾，接受服務條款。
5. 提交。

步驟三、取得網站金鑰與密鑰

將「網站金鑰 Site Key」與「密鑰 Secret Key」記下來，等一下就要跟 WordPress 內的表單串接了！

 

---

 

串接 reCAPTCHA

WordPress 最多人用的表單外掛為 Contact Form 7 與 WPForms，它們串接的位置如下：

Contact Form 7

Contact（聯絡表單） → Integration（整合）→ Setep Integration（設定整合模組）。

輸入金鑰與密鑰。

WPForms

WPForms → Settings → CATPCHA → 選擇「reCATPCHA」→ 選擇版本。

輸入金鑰與密鑰。

 

---

 

加入 reCAPTCHA 於表單

Contact Form 7

點選「reCATPCHA」新增。

WPForms

點選「reCATPCHA」新增。

 

---

 

完成

大家快去試看看吧！有問題的話可以私訊我們 FB 粉絲團唷！