Contact-Form-7-加上reCAPTCHA-教學

Contact Form 7 加上reCAPTCHA 教學

  • 七月 4, 2019
  • 文章
  • No comments

通常在處理表單時,我們會額外加入 reCAPTCHA,一個網頁驗證機制,用於確認使用者並非機器人或自動化程式的認證系統。reCAPCHA 的驗證方式有很多種,從最初的選取圖片、 辨認光學文字,到現在的AI智能觀察表單輸入行為模式。

而現在最新版 reCAPTCHA v3 跟以往最大的不同就是這一版本無需使用輸入或點擊任何驗證即可透過表單輸入的過程自動判斷使用者是否是為機器人。

Contact Form 7 如何加 reCAPTCHA

首先你需要在Contact Form 的選項中選擇Integration。Integration 是Contact Form 用以串連第三方系統的方式。

點Contact Integration

接著點擊Google reCAPTCHA認證的連結,然後註冊Google reCAPTCHA 帳號以及取得API key。

點google recaptcha連結
點選Admin console

下一步便是輸入你網站的資料,簡單的填入及勾選對你來說應該不難。

當輸入完成就能拿到專屬你的API key(金鑰)

最後一步,返回Wordpress admin 頁面,選擇設定整合模組,接著輸入 API Key ,這樣就完成了。😄👍。

完成之後在我們的表單主頁就會看到 reCAPTCHA 的圖式。這意味著你已成功完成了reCAPTCHA系統的設置!

相關資源

Introducing reCAPTCHA v3: the new way to stop bots

關於作者: Danny Huang

大家好,我是Danny,是位熱愛程式的前端工程師,具有豐富工作與接案經驗。我在這裡會陸續推出一些網頁開發,線上行銷的文章。 如果喜歡這方面的文章可以加入email list。