【教學】如何在Contact-Form7聯絡表單加入reCAPTCHA

如何在 Contact Form7 聯絡表單加入 reCAPTCHA ( v3 )

為什麼在聯絡表單上需要加入 google 的 reCAPTHA ? 其實就是希望能夠將惡意的機器人留言給防堵掉。設置的方式很簡單,只是照著以下步驟就可以完成囉。

1.安裝 Contact Form 7 聯絡表單外掛

在使用這個功能之前,當然一定要先有安裝 Contact form 7 這個外掛啦。如果你還沒有使用這個聯絡表單外掛,可以點擊下方的圖片下載 Contact form 7 聯絡表單外掛或點擊連結的介紹。

如何在 Contact Form7 聯絡表單加入 reCAPTCHA ( v3 ) Contact Form7, reCAPTCHA, reCAPTCHA(v3), 垃圾訊息, 聯絡表單

WordPress Contact Form7 介紹

contact form 7 整合

安裝完畢,回到 WordPress 後台的【聯絡表單】,點選【整合】這個選項。

reCAPTCHA設定整合模組

在整合的選項裡面,會看到 Google reCAPTCHA 的設定整合模組。

reCAPTCHA

在 reCAPTCHA 設定整合模組裡就會看到需要輸入的網站金鑰與密鑰了。接著就可以進入下一步囉。

2.申請 reCAPTCHA 整合模組 API 金鑰

google reCAPTCHA

申請 reCAPTCHA 請從這裡開啟申請網址,將會出現如上圖的畫面,接著點選【v3 Admin Console】

申請reCAPTCHA v3

由於 Joyy 我自己之前有申請過 v2 的版本,你在進入 Google reCAPTCHA 時,點選上圖紅色箭頭的【+】即可。

google reCAPTCHA v3

接著就照內容中,給予對應的內容。

  • 標籤:這個隨意新增,重點是自己能夠判斷申請 reCAPTCHA 是用在哪裡的。我個人是填寫使用的網址。
  • reCAPTCHA 類型:當然就是選 v3 這個版本了,google 會以【分數】進行說明,這部分我會在最下方做一個補充說明,讓你來更完整了解使用他的原因。
  • 網域:就是指申請後,你將用在哪個網址上,在這當然就是指使用 reCAPTCHA 網址囉。
  • 擁有者:這通常顯示的會是 google 帳號的郵件信箱。
  • 勾選接受服務條款:這就只是個聲明,勾選就對了。

之後,點選【提交】,即完成網站註冊設定。

reCAPTCHA API 金鑰

接著在把金鑰,各自輸入到網站後台對應的欄位之中即。

3.完成網站 reCAPTCHA 註冊設定

reCAPTCHA註冊設定

輸入完 reCAPTCHA 金鑰之後,即會顯示已在網站上啟用。只要到有 Contact Form 7 的地方,就會看到網頁的右下方,出現了 reCAPTCHA 的圖示。

reCAPTCHA

為什麼需要安裝 Google reCAPTCHA

當你正擁有一個網站時,你無法避免的是會不會有惡意的程式,來到你的網站做破壞,而在表單之中,加設 google reCAPTCHA 的驗証,可以讓你避免掉許多不必要的狀況。

而現在 v3 的版本,更是進化到直接AI判斷。過去都是由圖示做區分,現在 AI 判斷的方式,更能節省網頁使用者的時間,也可以提高瀏灠體驗。

官方影片說明:https://youtu.be/tbvxFW4UJdU

看到這裡,如果你有使用 Contact form 7 的話,不免也順手把 google reCAPTCHA v3 給註冊驗証吧!

打造網路賺錢基地 實戰課程

▲ 讓你擁有一個能帶來現金流的網路賺錢基地,建立網路收入之路,實踐打造網路賺錢基地的策略與技巧 !

其他 WordPress 網站架設 相關文章推薦

About Joyy

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

粉絲專頁

最新文章

Udemy 線上課程

留下您的問題: