跳到內容
免費試用 7 天
繁體中文
在 Claude 中開啟 針對此頁面提問在 ChatGPT 中開啟 針對此頁面提問

新增 reCAPTCHA

將 Google reCAPTCHA v2 連接到詢價表單,阻擋自動化的垃圾提交。

附有電子郵件欄位的公開表單很容易吸引機器人。Google reCAPTCHA 會加入一道檢查,阻擋大多數自動化提交,又不妨礙真正的顧客。App 的說明是 “reCAPTCHA offers more than just spam protection”。

設定分為兩項工作:先向 Google 註冊您的商店,再將 Google 提供的金鑰加入 App。您需要一個 Google 帳號。

  1. 前往 Google reCAPTCHA,並以您的 Google 帳號登入。

    您也可以從 App 內前往:Google reCAPTCHA 頁面中有一行 “Click here to create your own reCAPTCHA site key and secret key for your website”,其中的 here 是通往同一個主控台的連結。

  2. Google 會要求填寫五項內容。其中第二項決定了整個設定是否能運作:

    欄位填寫內容
    Label一個一年後回來看時,仍能辨識這組金鑰屬於哪個網站的名稱。最直接的選擇是您的商店名稱。
    reCAPTCHA typereCAPTCHA v2,然後選擇其下的 "I'm not a robot" Checkbox 選項。不要選 v3,也不要選隱形標章或 Android 選項。
    Domain您的 Shopify 商店網域,也就是詢價表單所在的網址。
    Owners保持不變。Google 會設為您登入的帳號。只有在需要同事一同管理這組金鑰時,才新增其他電子郵件地址。
    Alerts建議開啟。當 Google 發現您的網站出現問題時,例如 reCAPTCHA 設定錯誤或可疑流量增加,會寄信通知擁有者。前者正是本頁所討論的失誤,因此請讓 Google 通知您,而不是等顧客先發現。

    全部填寫正確後,送出表單。

  3. Google 接著會顯示一對金鑰:site key 和 secret key。請保持頁面開啟,稍後您會把兩者貼到 App 中名稱相同的兩個欄位。

  1. 在 App 中前往 Advanced settings,並開啟 Integrations 分頁。在 Third-party integration 下找到 Google reCAPTCHA 並開啟,每個整合都有自己的頁面。

  2. 該頁面只有上下排列的兩個欄位:

    App 中的欄位填入內容
    Site keyGoogle 發出的 site key,也就是這對金鑰中公開的一半。
    Secret keyGoogle 發出的 secret key,也就是私密的一半。請勿貼到其他地方,也不要在團隊之外分享。

    Google 對兩把金鑰的命名與 App 相同,所以直接複製過去即可。兩者不能互換,請小心不要弄反,這是最常見的錯誤。請複製一個、貼上,再回頭複製另一個,不要同時複製兩個後憑記憶操作。

    貼上 Google 提供的兩把金鑰,然後儲存。

  3. 儲存變更,然後像顧客一樣在商店前台開啟詢價表單。表單上應該會出現 “I’m not a robot” 核取方塊。

    請透過它送出一筆真實的測試詢價。看到核取方塊只能證明 site key 有效,完成一次提交才能證明 secret key 也有效。

  • 確認您註冊的是 v2,而不是 v3。 v3 金鑰不會產生可見的核取方塊,這正是 v3 的用途。請在 Google reCAPTCHA 主控台中開啟您的網站,查看它註冊的類型。如果顯示 v3,請重新註冊一個 v2 “I’m not a robot” Checkbox 網站,並替換兩把金鑰。
  • 確認網域相符。 向 Google 註冊的網域,必須與顧客實際使用的網域一致。
  • 確認兩把金鑰都已儲存,且沒有放反。 App 的 Site key 欄位應填入 Google 的 site key,Secret key 欄位應填入 Google 的 secret key。如果不確定,請重新從 Google 貼上,然後儲存。
  • 確認 App 已在佈景主題中啟用。 在 App 儀表板上,Setup guide 會顯示 App embed is enabled 或 App embed is disabled,並附有 Enable app embed 按鈕。
  • 確認欄位沒有被鎖定。 如果欄位呈現灰色並附有一行掛鎖字樣「🔐 This feature is available on …」,表示該整合屬於較高階的方案。這是方案限制,而非故障,請在 App 中開啟 Pricing plans。

這對您有幫助嗎?