如何為您的 Divi 聯繫表單模塊使用 reCAPTCHA
已發表: 2023-03-15聯繫表格是機器人用來向您發送垃圾郵件的最流行的表格之一。 Google 的 reCAPTCHA 是減少垃圾郵件的最佳工具之一。 幸運的是,Divi 的 Contact Form Module 與 reCAPTCHA 完美集成。 在本文中,我們將了解如何將 reCAPTCHA 用於您的 Divi 聯繫表單模塊。 我們將了解如何設置 reCAPTCHA 帳戶以及如何將其與聯繫表單模塊一起使用。
讓我們開始吧。
- 1為您的 Divi 聯繫表單模塊啟用 ReCAPTCHA
- 1.1 reCAPTCHA 與基本驗證碼
- 1.2使用垃圾郵件防護服務
- 2如何設置驗證碼
- 2.1創建您的帳戶
- 2.2將 reCAPTCHA 添加到您的站點
- 2.3選擇您的賬戶
- 2.4最低分數
- 2.5測試您的聯繫表
- 3結束的想法
為您的 Divi 聯繫表單模塊啟用 ReCAPTCHA
首先,讓我們看看如何為您的 Divi 聯繫表單模塊啟用 reCAPTCHA。 該選項是內置的,但您需要啟用它然後進行設置。 幸運的是,這並不困難。 對於我們的示例,我使用的是 Divi 中提供的免費 Poke Restaurant Layout Pack 中的聯繫頁面。
單擊懸停時出現的深灰色齒輪圖標,打開聯繫表單模塊的設置。
在第一個選項卡“常規設置”中,向下滾動到“垃圾郵件防護” 。 您會看到兩個可以啟用的選項:
- 使用垃圾郵件防護服務
- 使用基本驗證碼
垃圾郵件保護服務需要設置,而基本驗證碼開箱即用。 即使需要設置,垃圾郵件保護服務也是我向大多數 Divi 用戶推薦的服務。 讓我們仔細看看為什麼。
reCAPTCHA 與基本驗證碼
雖然這兩個選項都提供垃圾郵件保護,但它們在工作方式和與用戶交互方面有很大不同。 讓我們看看每個人做了什麼以及他們如何比較。
基本驗證碼
Basic Captcha 提供了一個簡單的數學方程式和一個輸入答案的框。 這增加了用戶在提交消息之前必須應對的額外步驟。 一些用戶會跳過表格並繼續前進。 此外,雖然它確實有助於減少垃圾郵件,但它並非 100% 防殭屍程序,您可能仍會收到大量垃圾郵件。
它的設置和使用都很簡單,而且在網絡上很常用,因此用戶知道如何使用它。 這是一個不錯的選擇,尤其是在您沒有很多用戶的情況下。 如果您想要更好的保護和更好的用戶體驗,reCAPTCHA 是更好的選擇。
驗證碼
reCAPTCHA 是 Google 的服務。 它經過十多年的改進,可以發現垃圾郵件機器人。 它不需要用戶與表單中的單獨元素交互來證明他們是人。 相反,它使用來自自適應風險算法的數據來確定訪問者是真人還是機器人。
根據該數據對訪問者進行評分。 如果他們有及格分數,他們的表格就會被提交。 如果他們沒有及格分數,他們會看到一條消息,指出已檢測到機器人。 可以調整分數以增加或降低靈敏度。
用戶無需執行任何操作即可與垃圾郵件防護進行交互,因此他們不會受到它的影響。 表單本身看起來很正常,但您會在屏幕右下角看到一個圖標,表明該表單受 reCAPTCHA 保護。 該圖標在懸停時展開以顯示更多信息並提供鏈接。
Google 的 reCAPTCHA 服務可供免費使用,每月最多可進行 100 萬次評估。 谷歌還有一個企業版,具有更高的精度和定制選項。
使用垃圾郵件防護服務
現在,讓我們看看如何將 reCAPTCHA 與您的 Divi 聯繫表單模塊一起使用。 首先,啟用使用垃圾郵件保護服務。
這將打開一組新選項,您可以在其中選擇服務提供商、選擇帳戶並設置最低分數。 讓我們仔細看看每個設置。
服務提供者
這會列出您已集成的所有服務提供商。 只需選擇您想要的提供商。 如果您沒有集成任何提供商,它只會顯示默認的 reCAPTCHA。 在我們的例子中,reCAPTCHA 是我們想要的提供者,因此我們不必對服務提供者進行任何更改。
reCAPTCHA v3 帳戶
reCAPTCHA v3 Account 允許您選擇要用於此驗證碼的帳戶。 如果您還沒有設置任何帳戶,您會看到一個大的添加按鈕,您可以在其中添加帳戶。 我們將在下一節逐步完成此過程。
最低分數
最低分數允許您指定良好交互的分數。 0 分通常是不良交互,例如機器人。 糟糕的互動會面臨視覺挑戰,以證明他們不是機器人。 得分為 1 可能是真人,因此被認為是良好的互動。 您可以以 .1 為增量微調分數。
默認設置為 0.5。 這是一個很好的起點。 如果您遇到很多機器人,則將分數調整 0.1 直到它們不再是問題。 如果您聽到有關訪問者看到一條消息說他們是機器人的投訴,請降低分數。
如何設置驗證碼
讓我們逐步完成設置 reCAPTCHA 帳戶並將其與您的 Divi 聯繫表單模塊集成的過程。
創建您的帳戶
要創建您的 reCAPTCHA v3 帳戶,請轉至 reCAPTCHA 關於頁面並選擇標題中標有v3 Admin Console的鏈接。
接下來,您將看到創建 reCAPTCHA 的屏幕。 添加標題,選擇 reCAPTCHA v3,輸入您的域,接受服務條款,然後單擊提交。
- 標籤:標題
- reCAPTCHA 類型:reCAPTCHA v3
- 域:您的域
- 接受服務條款
將 reCAPTCHA 添加到您的站點
您的 reCAPTCHA 帳戶現在將顯示您的Site Key和Secret Key 。 您需要復制它們並將它們一次一個地添加到聯繫表單模塊。 您還需要粘貼 reCAPTCHA 的名稱。
要添加您的 reCAPTCHA 帳戶,請單擊帳戶選擇下拉框下方的大添加按鈕。
接下來,將您的Site Name 、 Site Key和Secret Key粘貼到字段中。 單擊提交。 如果您還沒有,您現在可以關閉 Google reCAPTCHA 頁面。 您的 reCAPTCHA 帳戶現已與您的 Divi 聯繫表單模塊集成。
- 站點名稱:您的 reCAPTCHA 的名稱
- Site Key:reCAPTCHA提供的key
- Secret Key:reCAPTCHA提供的密鑰
選擇您的賬戶
接下來,從reCAPTCHA v3 帳戶下拉框中選擇您的新帳戶。
最低分數
如果您以前使用過 reCAPTCHA 並且收到過很多垃圾評論,請考慮調整您的最低分數。 我建議從默認設置開始,然後根據需要進行調整。 關閉 Divi 聯繫表單模塊的設置並保存您的工作。 請務必測試您的聯繫表。
- 最低分數:0.5
測試您的聯繫表
接下來,測試您的聯繫表以確保其正常工作。 您會在右下角看到一個圖標,通知用戶該表單受 reCAPTCHA 保護。 得分高的訪客將能夠正常提交他們的消息。
對於此示例,我將分數設置得太高,它會將每個人都視為機器人。 我已將此設置為最低分數 1。然後我將分數調低至 0.8,然後我能夠提交聯繫表。 下面是分數設置過高時表單的外觀。
結束的想法
這就是我們對如何將 reCAPTCHA 用於您的 Divi 聯繫表單模塊的看法。 reCAPTCHA v3 是比 Basic Captcha 更好的選擇。 兩者都提供良好的垃圾郵件保護,聯繫表單模塊讓您可以選擇使用其中任何一個,但 reCAPTCHA 是改進用戶體驗的最佳選擇,而且更徹底。 它並不完美,因此您仍然可能會看到一些垃圾評論,或者您的訪問者可能會被阻止使用您的聯繫表。 幸運的是,聯繫表單模塊確實有一個調整,可以讓您控制 reCAPTCHA 的敏感度。
我們希望收到你的來信。 您是否將 reCAPTCHA 與您的 Divi 聯繫表單模塊一起使用? 請在評論中告訴我們您的體驗。