Divi教學-Divi表單如何設定Google-reCAPTCHA

【Divi教學】Divi表單如何設定Google reCAPTCHA

作者:Joyy 志強

發佈日期:2022 年 05 月 09 日

首頁 E Divi 教學 E 【Divi教學】Divi表單如何設定Google reCAPTCHA

網站建置中,一定會放置聯絡表單,或是可供訪客進行需求詢問的填寫位置。但總是會有些有心人,透過惡意程式,強制填寫,而收到一些亂七八糟的廣告訊息。其實安裝Akismet外掛,就可以防阻絕大部分了。可是如果網站開始有營利,對於Akismet來說,就會希望網站在使用上,需要開始付費。

這時可以改用Google提供的服務 reCAPTCHA 來為自己的網站加入防護,來減少惡意留言訊息的發生。

什麼是Google reCAPTCHA

最早之前reCAPTCHA是由卡內基梅隆大學所開發出來的系統。主要為了驗證人類所輸入的文字是正確的,而不是隨意輸入,有兩個字會被顯示出來;一個是光學文字辨識軟體無法辨別的字,另一個是一個已經知道正確答案的字。

如果使用者正確的回答出已知正確答案的字,那麼就假設所輸入的另一個光學辨識軟體無法辨識的字是認真的檢視後被輸入而非隨便輸入。

這系統也並非一開始就非常完善的…

2012年起reCAPTCHA除了採用掃描的文字檔外,也採用Google街景的相關照片,如門牌、裝置…等等。

2014年底起,改以「I’m not a robot」勾選框進行辦識判別。

2018年,Google釋出reCAPTCHA v3,採用分數制驗證系統,對使用者在網站上的動作進行評分,若分數過低則會被判定為機器人。

2020年,Google釋出reCAPTCHA Enterprise,與reCAPTCHA v3相同,採用分數制驗證系統,但能夠提供更精細的分數以及高風險分數原因代碼,以供進一步分析之用。

如何申請reCAPTCHA使用

reCAPTCHA的使用,需要先取得所謂的使用金鑰與密鑰。申請完全完免費,真的是非常佛心。跟著以下步驟,取得你的網站的使用金鑰密鑰吧。

開啟Google reCAPTHCA申請網站

Divi表單如何設定Google reCAPTCHA_01

開啟網站 > 點擊 v3 Admin Console

Divi表單如何設定Google reCAPTCHA_02

點擊右上的 ‘+’ 號,新增網站。

Divi表單如何設定Google reCAPTCHA_03
  1. 標籤:可隨意輸入一個自己用來辦識用的名稱。
  2. reCAPTCHA類型:建議設定為 v3 用分數來驗証。
  3. 網域:你要新增的網站域名。
Divi表單如何設定Google reCAPTCHA_04

打勾服務、與傳送通知後,按下提交。

Divi表單如何設定Google reCAPTCHA_05

這樣就取得到金鑰和密鑰囉。

Divi表單設定Google reCAPTCHA

Divi表單如何設定Google reCAPTCHA_06

在Divi Contact Form Settings裡,可以找到Spam Protection這選項,開啟 ‘Use A Spam Protection Service

Divi表單如何設定Google reCAPTCHA_07

Service Provider:選擇ReCaptcha

reCAPTHCA v3 Account:第一次設定時還無法選擇帳號(Select an account),需要先進行帳號的新增Add

Divi表單如何設定Google reCAPTCHA_08

Account Name:這個就是指你在Google reCAPTCHA使用的帳號。

Site Key(v3):這就是指網站金鑰

Secret Key(v3):這就是指網站密鑰

金鑰和密鑰,就是前面申請reCAPTCHA申請下來的那一長串。完成後按下Submit提交即可。

Divi表單如何設定Google reCAPTCHA_09

完成後,在上圖Account裡,就會看到帳號了。點擊Remove即可移除。

設定方式,維持Minimum Score為0.5即可。這裡的意思是指,如果reCAPTCHA判定為大於0.5,即認定非人為輸入,則可避免不必要的訊息囉。

reCAPTCHA的使用心得

我在幫客戶或自己的網站在建置時,都會加入這個功能。一方面這是免費的服務外,一方向也可以提高網站訪客的使用體驗上述這個方式,是單純只有用在表單上面。如果你想要對於網站登入後台時,也有reCAPTCHA的話,可以安裝以下這外掛。

推薦reCAPTCHA這功能是一定要使用的。

Divi教學推薦閱讀

【Divi教學】Divi主題 Navigation 導航選項設定

【Divi教學】Divi主題Options基本設置選項教學

【Divi教學】Divi Breadcrumbs外掛使用教學

推薦閱讀 ▼

【教學】Cloudways Staging Site 使用方式介紹 ! 讓你更新網站內容更方便 !

【教學】Cloudways Staging Site 使用方式介紹 ! 讓你更新網站內容更方便 !

Staging Site 又稱之為臨時網站,之前在 Joyy 使用 Siteground 時,就已經知道這個功能。後來在協助其他客戶進行網站建置時,由於需要大改版 … 就是連同佈景主題這種大調整,可能無法在短時間進行修改的狀況。有這個 Staging Site 的功能,就可以滿足這個狀況 ! 可以放心修改,在修改好之後,再與原本的網站進行更新即可。可以說是非常實用的功能喔 ! 在這篇教學內容,將是以 Cloudways 的主機進行說明。如果你還沒有開始使用 Cloudways 的主機,或是在評估是否要更換使用 Cloudways...

【教學】Post SMTP 使用方式 ! 讓建製的 WordPress 網站可以進行郵件寄送 !

【教學】Post SMTP 使用方式 ! 讓建製的 WordPress 網站可以進行郵件寄送 !

使用 Post SMTP 這個寄件外掛,可以幫助你的網站進行郵件的發送,Post SMTP 是一套非常簡單使用,功能又特別強大的一個寄件外掛,讓你的 WordPress 網站,可以讓訪客在網站上完成某些動作時,即進行郵件的推播與發送,進而維持好與訪客之間的互動。Post SMTP 的設定方式很簡單,接下來就帶你來一步步完成吧 ! Post SMTP 外掛設定前的準備 要讓網站可以寄件,最主要的就是要先準備好一個屬於網站專用的域名信箱。而域名信用的取得方式通常有在購買域名時,域名服務商會進行贈送 ( 例如 Gandi.net...

【教學】Cloudways 如何設定域名信箱 Domain Mailbox

【教學】Cloudways 如何設定域名信箱 Domain Mailbox

Cloudways 是我目前使用最穩定的網站主機,價格、服務、性價比 … 等等,在比較之下,真的都沒話說。而長期使用之下,你一定會需要建置一個 域名信箱,在使用 Cloudways 的情況下,如何快速的為自己建立出 域名信箱,在這篇教學中,將會完整和你分享 Cloudways 如何設定域名信箱,讓你從無到有一次完成 ! 什麼是域名信箱 ? 使用郵件服務,已經現代人生活的習慣之一下,常見的信箱,可能都是以 gmail 為主,或是 hotmail 等等 … 而在你建立網站之後,能使用...

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *