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外掛使用教學

推薦閱讀 ▼

【分享】如何進行網址域名移轉?NameCheap移轉至Gandi實際操作經驗分享

【分享】如何進行網址域名移轉?NameCheap移轉至Gandi實際操作經驗分享

通常在決定購買好網址域名後,不太可能會變更。但都有可能會出現接下來文中可能提到的狀況,讓你會想轉移域名的服務商,將域名移轉至自己擅用或服務更好、價格更低的服務商去。如果你完全沒有移轉過的經驗,今天這篇文章,我就是以 NameCheap 移轉至 Gandi 的範例,進行實際移轉。 如果你有移轉上的其他問題,歡迎你在下方留言的地方和我說喔,我們一起來看看怎麼協助你。 為什麼要進行域名移轉? 可能的原因,我以我個人遇到的例子和你分享,這狀況可能多半發生在 Business to Business...

【教學】WP Table Builder好用的Table表格外掛推薦

【教學】WP Table Builder好用的Table表格外掛推薦

WP Table Builder是一款非常好使用的表格外掛。直覺式的建立方式,讓你在短時間3分鐘之內,也可以整理出美美的外掛。WP Table Builder也有提供付費版本。而Joyy在使用體驗後發現,在免費的版本上,就可以滿足大部分的使用需求囉。在這篇內容中,我將和你分享WP Table Builder的使用方式與我發現到的注意事項,希望可以幫助到正在找尋Table表格外掛的你,如果有任何問題,歡迎你在下方留言處留言讓我知道唷! WP Table Builder下載與安裝方式 WP Table...

【教學】ShortPixel免費圖片壓縮工具,ShortPixel教學分享

【教學】ShortPixel免費圖片壓縮工具,ShortPixel教學分享

你在開始寫作文章,為部落格增加內容時,一定會使用到許多的圖片、照片來讓網站更豐富。但因為照片拍的好、像素使用的高,單一照片的檔案大小就會變的較大。如果每次都手動針對照片、圖片的部分去修改大小、又怕畫質會變的不好。ShortPixel可以完美的為你解決這個問題,你不必再需要手動去修改檔案大小、只需要註冊使用後,下載ShortPixel外掛,他就可以自動幫你處理圖片、照片的大小事。免費版本,1個月就有100張圖片、照片處理的額度。透過Joyy的推薦連結,還可以再多100張喔。這對於一般部落客來說,算是非常夠用了。若是付費使用,1個月接近1...

0 Comments

Submit a Comment

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