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

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

作者:Joyy 志強

發佈日期:2022 年 05 月 09 日

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

網站建置中,一定會放置聯絡表單,或是可供訪客進行需求詢問的填寫位置。但總是會有些有心人,透過惡意程式,強制填寫,而收到一些亂七八糟的廣告訊息。其實安裝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外掛使用教學

推薦閱讀 ▼

一次搞懂WordPress .com與.org到的差別!!

一次搞懂WordPress .com與.org到的差別!!

在第一次接觸WordPress的時後,我真的也不知道.com與.org的差別。在沒有人說明時,還很容易花了錢,結果不是自己想要的結果。寫這篇,除了給自己留下一些紀錄外,也讓更多第一次接觸WordPress的新手們,可以有更進一步的觀念。 WordPress.com 與WordPress.org 的差別 1.託管差別 在一開始,你可能聽到有人說,架設網站,需要有『主機空間』,而WordPress.com與WordPress.org最大的差別,就是在『主機託管』方式不同。 WordPress.com類似google...

域名(Domain)服務商怎麼選!?NameCheap與Gandi的比較

域名(Domain)服務商怎麼選!?NameCheap與Gandi的比較

建製網站的第一步,就是要給自己的網站,取下一個可以讓人辨識的名字,也稱之為「域名」。但要取名之前,也要思考一下,名字是否有與你目前想在網路上經營的事業或服務有關。在服務商的選擇之下,真的非常眾多,在這裡我將市場上常用的2間(NameCheap與Gandi)比較一下,讓你來選擇,到底哪間適合提供服務給你。 NameCheap VS Gandi 使用介面的比較 NameCheap使用介面 Gandi使用介面...

做網站到底需要花多少錢!

做網站到底需要花多少錢!

做網站到底需要花多少錢!?現在資訊很多,在協助製做網站的平台、軟體從免費到付費應有盡有。但到底該怎麼選擇?是該自己花時間學習,還是該外包給專業製作公司來進行?這種問題,通常都困擾著許多想開始從網路上建立事業的人。在這文章中,和你分享做網站前,你應該注意的幾個問題,讓你不要在一開始就走錯路。 做網站可以免費嗎? 絕對是可以的。基本上,免費做網站的平台非常多,常見的有 Wix、Weebly、strikingly…等等。但使用免費的架站平台,既然是免費的,就一定有功能上的限制。 限制功能,部份實用的功能,需要另付費才可使用。...

0 Comments

Submit a Comment

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