如何在 Shopify 中添加 Google reCAPTCHA

· Updated
1 分钟阅读
如何在 Shopify 中添加 Google reCAPTCHA
目录

TL;DR

Most Shopify stores do not need manual Google reCAPTCHA setup because Shopify already provides built-in CAPTCHA protection for contact forms, customer login, registration, and password reset pages. You can manage these settings in Online Store > Preferences > Spam protection. Only use manual Google reCAPTCHA or a specialist app if you are protecting custom forms, page builder forms, or third-party embeds that Shopify does not cover automatically.

在当今的数字环境中,保护你的 Shopify 店铺免受滥用和欺诈活动的侵害至关重要。提升店铺安全性的一个有效措施是启用 CAPTCHA 防护

好消息:Shopify 已通过将原生反垃圾保护直接集成到平台中,大幅简化了这一流程,在大多数情况下无需再手动在代码中进行实现。

了解 CAPTCHA 防护的作用

reCAPTCHA

CAPTCHA 防护可作为一道强有力的防御机制,帮助你的 Shopify 店铺抵御恶意软件和滥用行为。该工具会分析网站访客的行为,并给出一个评分,用于判断访客是机器人的可能性,而且无需访客去完成交互式挑战

合法用户(例如你的客户)将获得顺畅的体验,包括下单购买、创建账户以及浏览店铺等操作。

重要更新:Shopify 的原生 CAPTCHA 防护

Shopify 现在使用 hCaptcha 来分析访问你在线商店的访客行为,从而拦截机器人垃圾信息。所有 Shopify 店铺默认都会启用 hCaptcha。这意味着你不再需要手动将 CAPTCHA 代码添加到主题文件中。

引入 CAPTCHA 防护的优势

在 Shopify 店铺中集成 CAPTCHA 防护有以下几个显著优势:

  1. 效果经验证:CAPTCHA 是一套经受住考验的解决方案,已被全球数百万网站采用。其长期表现充分证明了它在阻止恶意用户、维护安全在线环境方面的能力。
  2. 对客户友好:现代 CAPTCHA 的突出特点之一,是在阻挡机器人和不受欢迎访客的同时,为真实用户提供无负担的体验。启用后,所有表单提交都会进行一次不可见(非交互式)的挑战;被判定为可疑的挑战将会跳转到交互式拼图验证
  3. 自适应算法:CAPTCHA 的自适应算法是一大优势。它会根据不同客户的具体需求与行为来调整安全措施。这意味着它在保持高安全性的同时,不会给真实用户带来不必要的阻碍。

在 Shopify 中管理 CAPTCHA 防护

在“垃圾信息防护”部分,你可以勾选以启用,或取消勾选以停用不同位置的 hCaptcha:在联系与评论表单启用 hCaptcha,以及在登录、创建账户和密码恢复页面启用 hCaptcha

要管理你的 CAPTCHA 设置:

  1. 进入你的 Shopify 管理后台
  2. 前往“在线商店”,并选择“偏好设置
  3. 向下滚动到“垃圾信息防护”部分
  4. 根据你的需求勾选或取消勾选以下选项:
    • 在联系与评论表单启用 hCaptcha
    • 在登录、创建账户和密码恢复页面启用 hCaptcha
  5. 点击“保存”以应用更改

针对 Shopify Plus 商家

对于 Shopify Plus 商家,可以在结账页添加 reCAPTCHA 挑战,这在你遇到垃圾信息问题时会很有帮助。在 Shopify 管理后台中,进入 在线商店 > 偏好设置。在“垃圾信息防护”部分,选择在结账时启用 Google reCAPTCHA

使用 Google reCAPTCHA v3 的高级实现

如果你的店铺需要在 Shopify 原生方案之外增加更多自定义 CAPTCHA 防护,你仍然可以按照这里的说明来实现 Google reCAPTCHA v3。

首先访问 https://www.google.com/recaptcha/intro/v3.html 并为你的网站完成设置。找到“see client side integration”,并复制其中的代码。

<script src="https://www.google.com/recaptcha/api.js?render=reCAPTCHA_site_key"></script>

  <script>

  grecaptcha.ready(function() {

      grecaptcha.execute('reCAPTCHA_site_key', {action: 'homepage'}).then(function(token) {

         ...

      });

  });

  </script>

重要提示: 在 Shopify 原生联系表单上实现 reCAPTCHA,需要客户端与服务器端两部分配合才能正常工作。由于 Shopify 已将 reCAPTCHA 支持直接内置到平台中,并且默认开启,因此通常不需要手动实现。

结论

借助 Shopify 的原生反垃圾保护功能,现在用 CAPTCHA 保护你的 Shopify 店铺比以往任何时候都更简单。所有 Shopify 店铺默认都会启用 hCaptcha,无需技术实现即可提供自动防护。

原生方案能够有效覆盖大多数垃圾信息防护需求;同时,你也可以在店铺偏好设置中轻松启用或停用特定的 CAPTCHA 功能。对于有特殊需求的店铺,第三方应用和自定义实现仍然是可选方案。

通过使用 Shopify 内置的 CAPTCHA 防护,你不仅能保护店铺安全,也能在客户与产品和服务互动时为他们带来安心,同时保持顺畅无缝的用户体验。

分享这篇文章

相关文章

通过追加销售提升客单价