如何在官網聯絡表單添加 我不是機器人驗證? 防止被大量發信的情況導致官網異常

在網頁的聯絡表單中添加「不是機器人驗證」(通常稱為CAPTCHA或reCAPTCHA)可以有效防止垃圾郵件和自動化的機器人攻擊。以下是如何在您的網頁聯絡表單中添加Google的reCAPTCHA驗證的步驟:

1. **註冊reCAPTCHA**:
- 前往Google的reCAPTCHA網站:https://www.google.com/recaptcha
- 點擊「Admin Console」並使用您的Google帳戶登入。
- 點擊「+」按鈕來創建一個新的reCAPTCHA。
- 選擇您想要的reCAPTCHA版本(例如:reCAPTCHA v2 的 "I'm not a robot" Checkbox)。
- 輸入您的網站域名,然後按照指示完成註冊。

2. **獲取API密鑰**:
- 註冊完成後,您將獲得一組「網站密鑰」和「密鑰」。這兩個密鑰將用於您的網站和伺服器端的驗證。

3. **在網頁中添加reCAPTCHA**:
- 在您的聯絡表單HTML中,添加以下代碼:
```html
<div class="g-recaptcha" data-sitekey="您的網站密鑰"></div>
```
- 在您的網頁的`<head>`部分或表單之前,添加以下代碼:
```html
<script src="https://www.google.com/recaptcha/api.js"; async defer></script>
```

4. **伺服器端驗證**:
- 當用戶提交表單時,您的伺服器需要驗證reCAPTCHA的回應。這需要使用「密鑰」和Google提供的API進行驗證。
- 根據您的伺服器語言(如PHP、Python、Node.js等),您可以找到相應的reCAPTCHA驗證代碼範例。

5. **測試驗證**:
- 在添加完reCAPTCHA後,確保測試您的聯絡表單,以確保驗證工作正常,且用戶可以成功提交表單。

透過上述步驟,您可以在網頁聯絡表單中添加「不是機器人驗證」,有效提高網站的安全性。


Was this article helpful?

mood_bad Dislike 0
mood Like 0
visibility Views: 445