如何隐藏 Google Invisible reCAPTCHA 徽章

javascript recaptcha

2022-08-30 00:57:19

在实施新的Google Invisible reCATPTCHA时，默认情况下，您会在屏幕右下角获得一些“受reCAPTCHA保护”徽章，当您滚动时会弹出该徽章。

我想隐藏这个。

答案 1

谷歌现在允许隐藏徽章，从常见问题解答：

我想隐藏 reCAPTCHA 徽章。允许什么？

只要您在用户流中明显包含 reCAPTCHA 品牌，您就可以隐藏徽章。请包括以下文本：
This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.
例如：

因此，您可以使用以下CSS简单地隐藏它：

.grecaptcha-badge { 
    visibility: hidden;
}

不要使用，因为它似乎禁用垃圾邮件检查（感谢@Zade）display: none;

答案 2

我已经测试了所有方法，并且：

警告： 禁用垃圾邮件检查！display: none

visibility: hidden并且不要禁用垃圾邮件检查。opacity: 0

要使用的代码：

.grecaptcha-badge { 
    visibility: hidden;
}

当您隐藏徽章图标时，Google 希望您在表单上引用他们的服务，方法是添加以下内容：

<small>This site is protected by reCAPTCHA and the Google 
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.
</small>