如何将验证码添加到您的 WordPress 登录和注册表单

任何 WordPress 网站都面临垃圾邮件或其他形式的滥用流量问题。 对抗它的最常见方法之一是 CAPTCHA,这是一种用于确定您的访问者是否是人类的测试。 在本文中,我们将讨论 CAPTCHA 是什么以及如何将其应用于 WordPress 登录或注册表单,或者您想要的任何其他表单。

什么是 CAPTCHA,我为什么需要它?

CAPTCHA 代表“完全自动化的公共图灵测试,以区分计算机和人类”。 顾名思义,CAPTCHA 是一个旨在区分网络上的人工输入和机器输入的系统。 它通常采用对您的访问者进行简单测试的形式,这种测试不需要花费大量时间来完成,但通过将您的访问者识别为人类并清除垃圾邮件发送者或机器人,确实可以为您节省大量时间浪费在不受欢迎的流量中。

在本文中,我们将使用 reCAPTCHA,它只是 Google 的 CAPTCHA 服务。

向 WordPress 网站添加验证码对于评论和联系表格特别有用。 它还可以为注册表单和密码回收表增加一层额外的安全性,但不限于此——任何您希望更安全的表单都可以使用 CAPTCHA 制作。

我们将向您展示如何使用 高级 noCaptcha 和隐形验证码 插入。 但为了使 CAPTCHA 正常工作,您需要创建一个 Google reCAPTCHA 帐户。

reCAPTCHA 版本之间有什么区别?

reCAPTCHA(Google 的 CAPTCHA 服务)版本之间的主要区别在于对您的人类访问者和/或他们的设备进行的测试。

验证码第 1 版时,会提示访问者从扭曲的图像中解析一两个词,通常在背景中带有删除线或颜色渐变。 但是,截至 2018 年 3 月,此版本的 CAPTCHA 不可用。

版本 2 让您的访问者勾选一个复选框,然后通过他们或让他们验证他们的选择。 v2 隐形 一旦用户单击您网站上的按钮,就会直接调用它,也可以使用 JavaScript 直接调用它。

版本 3 完全独立于用户交互并在后台检查大量功能。

您可以根据您网站的需要选择您喜欢的任何受支持的版本。

如何从 Google 获取 reCAPTCHA 密钥

为了在您的网站上使用 reCAPTCHA,您需要两个 钥匙 来自谷歌。 这 站点密钥密钥 是 Google 使用和发布给网站所有者的代码。 它们取决于版本和特定于站点。 由于 reCAPTCHA 是一项 Google 服务,因此您需要登录您的 Google 帐户并直接从网站获取它们。 您可以找到 reCAPTCHA 注册表单 这里.

您需要填写一个 标签 用于识别您的网站, reCAPTCHA 类型, 一种 领域,其中您需要输入您将使用 CAPTCHA 的域,以及 电子邮件地址 为了 所有者,即验证码的负责人。

注册新网站

表格的续页包含一个复选框,您需要勾选以 接受 reCAPTCHA 服务条款 还有一个 向所有者发送警报 在异常活动的情况下。

注册新站点

完成后,您将注册您的网站。 你现在已经获得了 站点密钥密钥.

注册新网站

您将需要这些密钥来验证您的网站并将其连接到 Google 服务。 我们将在下一节中解释如何做到这一点。

如何设置高级 noCaptcha 插件

获得密钥后,您需要安装 Advanced noCaptcha & invisible Captcha 插件。 如果您不知道 WordPress 插件是什么,或者您不知道如何安装和激活 WordPress 插件,我们会为您提供一些非常容易上手的教程。

安装插件后,打开其设置。 设置非常简单。

首先, 版本 下拉菜单允许您在 CAPTCHA 测试的版本之间进行选择。 您需要记住,从 5.1 版开始, 联系表格 7 不支持验证码 v2。 我们将在本教程稍后向您展示如何使用 Contact Form 7 实现 v2,但现在,我们将选择 v3。

以下两个字段用于 站点密钥密钥, 分别。 我们已经在上一节中解释了如何获取这两个密钥。 如果您还没有这样做,您现在可以通过单击插件设置中的“从 Google 获取 reCaptcha 密钥”链接来获取它们。

在里面 形式 部分,我们将勾选所有表格以启用验证码。 这自动适用于下面列出的支持的表格 启用表单. 将 CAPTCHA 介绍给您的 联系表格 7 联系表格 和其他自定义表单,您需要使用下面提供的简码 操作说明 链接,我们稍后会到达。

验证码密钥

在里面 其他设置 部分,您可以更改默认值 错误信息 (如我们所愿, 您未通过验证码测试。 请再试一次.)。 我们将离开 验证码语言 在自动检测上,但您可以使用您喜欢且受支持的任何语言。 该插件已被翻译成 40 多种语言。 我们也将离开 登录验证码失败 开启 ,这意味着无论用户被审查多少次,CAPTCHA 脚本的加载次数都没有限制。

我们将设置 v3 脚本加载表单页面. 这意味着验证码测试只会在表单页面上有效,而不是在您网站的所有页面上。 这 验证码分数 我们将离开 0.5,它的默认值。 此设置控制 CAPTCHA 测试的灵敏度,其中 1 是最低容差。 除非您熟悉 v3 测试的工作原理,否则我们建议不要触摸它。

在这里你还可以 白名单 IP,确保受信任的用户可以轻松访问您的网站。 你也可以选择 隐藏 验证码 登录 用户。 然后您可以保存更改,验证码将出现在您勾选的所有表格上。

reCaptcha 其他设置

如何将验证码添加到联系表 7

联系表格 7 是一个流行的高级插件,用于创建各种形式。 联系表格 7 但是,Advanced noCaptcha & Invisible Captcha 插件默认不支持表单,并且不会出现在插件设置中 启用表单. 不过,这并不意味着您不能将 CAPTCHA 用于您的 联系表格 7 或其他自定义表格。

将验证码添加到您的 联系表格 7 联系表格,只需点击 操作说明 在设置中链接并复制 联系表格 7 短代码:

[anr_nocaptcha g-recaptcha-response]
noCaptcha reCaptcha 设置说明

接下来,导航到 联系方式/联系表格 使用左侧菜单,选择要添加验证码的联系表格,然后将短代码粘贴到所需位置。

noCaptcha reCaptcha 联系表

现在您所要做的就是将您的联系表 7 联系表添加到您喜欢的任何页面或帖子中。 您将看不到它,因为 CAPTCHA v3 对您的用户是不可见的,但请相信我们——它就在那里,保护您的网站。

如何将 CAPTCHA v2 添加到 Contact Form 7 表单

但是,如果您仍然希望在 Contact Form 7 表单上显示 CAPTCHA v2,该怎么办? 您仍然可以拥有它,您只需要另一个插件即可。 我们推荐的解决方案是 联系表格 7 的 ReCaptcha v2 插件,与 Advanced noCaptcha & Invisible Captcha 插件一起使用。

您需要为 v2. 本文的“如何从 Google 获取 reCAPTCHA 密钥”部分已经介绍了如何获取这些密钥。

您需要在 Advanced noCaptcha & invisible Captcha 插件设置页面上重新输入这些,并将版本更改为 v2,如“如何设置高级 noCaptcha 插件”部分所述。

完成所有这些后,就可以安装 ReCaptcha v2 for Contact Form 7 插件了。 然后,使用左侧菜单导航到其设置,位于 联系方式/reCaptcha 版本.

验证码版本

你需要设置你的 验证码用法 reCaptcha 版本 2 和您的 验证码来源 到 google.com。 完成后,单击 提交.

联系表格 7 的 ReCaptcha v2

现在你需要做的就是复制 [recaptcha] 用于联系表 7 联系表的简码。

导航 联系方式/联系表格 并选择您希望使用 v2 CAPTCHA 保护的联系表格。 然后只需粘贴您的简码和 保存 你的表格。

联系表格 7 代码的 ReCaptcha v2

您的登录屏幕现在将显示 v2 reCaptcha……

WP 登录验证码

…您的联系表格也是如此。

In relation :  如何在 WordPress 帖子中添加点击推文框
来自 reCAPTCHA 的联系方式

综上所述

如您所见,添加额外的安全层,这次由 Google 提供支持,只需几分钟,它有助于保护您的网站免受不必要的流量。 只需单击几下,您的表单就会更安全地免受机器人攻击,而且您不必花费大量时间来清除垃圾邮件以获得真正的用户评论。