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

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

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

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

什麼是Google reCAPTCHA

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

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

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

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

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

【Divi教學】Divi表單如何設定Google reCAPTCHA divi form, reCAPTCHA, reCAPTCHA(v3)

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主題 SEO 基礎設定說明,簡易SEO功能介紹
    Divi主題之中,針對SEO的功能有著其基礎設定。在這次divi教學裡,將會教會你如何將divi主題裡的SEO功能進行基礎設定,這在divi教學中可則是非常基礎的一課。了解基礎設定後,後續若要使用其他SEO外掛,也就更能明白為什麼需要如此設定。你也可以選擇直接使用SEO外掛,在divi主題中,可以直接與外掛相支援。
  • 【Divi教學】Divi主題 Navigation 導航選項設定
    Divi主題之下,可以透過原本的divi主題設定,來決定導航列(Navigation)所能夠呈現的功能。在這篇文章中,將詳細和你說明在Divi主題下的設定中,導航列的所有相關設定方式。
  • 【Divi教學】Divi主題Options基本設置選項教學
    在divi主題中,由於沒有中文版本,有中文的版本在使用上常遇到更新就變的無法使用。 在這整理divi主題的使用細節,來幫助更多喜好使用divi主題的人,可以有一個正常參考的地方。 文章在一樓喔
  • 【Divi教學】Divi表單如何設定Google reCAPTCHA
    還在煩惱網站中的表單被人亂留言、亂輸入資訊而打優嗎?使用Google提供的服務reCAPTCHA就可以有效防止,簡單的設定步驟,在這篇完整教會你!
  • 【Divi教學】Divi Breadcrumbs外掛使用教學
    Divi這個強大的佈景主題,簡單幾步驟,就可以完成一個頁面或文章的導覽(Breadcrumbs)設定,只要使用Divi Breadcrumbs就能搞定,不清楚怎麼設定嗎?看這篇就搞定!
  • 如何在使用 Divi 主題下,使用 RankMath 建立 Breadcrumbs
    Divi這個佈景主題,並沒有內建可以建立Breadcrumbs的功能。都需要另外安裝外掛才可以進行。但如果你本身有在使用RankMath的話,就可以透過簡易的方式直接來建立囉。

About Joyy

網路行銷玩家
現任職於顧問公司擔任行銷。分享許多網路行銷與網路賺錢相關知識 ! 期待透過更多免費的分享,讓更多人學到如何有效的從網路上建立屬於你自己的收入來源。

粉絲專頁

最新文章

Udemy 線上課程

留下您的問題: