如何隐藏 Google reCAPTCHA 验证码的右下角徽标（附合规指南）

隐藏 reCAPTCHA 验证码右下角徽标

在网站中启用 Google 提供的 reCAPTCHA v2 或 v3 验证系统后，通常会在页面右下角自动显示一个徽标（Badge），如下图所示：

该徽标会显示“由 reCAPTCHA 提供保护”以及“隐私权 - 使用条款”的链接。出于某些设计或布局考虑，您可能需要隐藏此徽标。

隐藏 reCAPTCHA 徽标的方法

隐藏徽标的方法非常简单，只需在您网站的主题样式表（CSS）中添加以下代码即可：

/* 隐藏 reCAPTCHA 徽标 */
.grecaptcha-badge {
    visibility: hidden;
}

重要说明与注意事项

在使用此方法前，请务必了解以下几点：

• 合规性要求：根据 Google reCAPTCHA 的官方政策，您必须在网站的显著位置（例如页脚、联系表单旁）以文字形式告知用户您正在使用 reCAPTCHA 服务，并链接到 Google 的隐私政策和服务条款。仅隐藏徽标而不提供替代声明是违反使用条款的。
• 方法原理：上述 CSS 代码将徽标的 visibility 属性设置为 hidden，这会将元素隐藏但仍在页面布局中占据空间。如果您希望完全移除其占用的空间，可以使用 display: none;，但请注意这可能会影响某些 reCAPTCHA 功能的初始化。
• 替代方案（推荐）：对于 reCAPTCHA v3，Google 允许通过 API 参数完全隐藏徽标。在加载 reCAPTCHA 脚本时，可以添加 ?render=explicit 参数，并通过 JavaScript API 进行更精细的控制。

最佳实践提示：建议优先查阅您所使用的 reCAPTCHA 版本（v2 复选框/隐形、v3）的最新官方文档，以确保您的实现方式既满足设计需求，也完全符合 Google 的服务条款。