在实现新的谷歌Invisible reCATPTCHA时,默认情况下,当你滚动屏幕时,屏幕右下方会弹出一个小的“受reCAPTCHA保护”徽章。
我想把这个藏起来。
在实现新的谷歌Invisible reCATPTCHA时,默认情况下,当你滚动屏幕时,屏幕右下方会弹出一个小的“受reCAPTCHA保护”徽章。
我想把这个藏起来。
当前回答
我看到了下一个关于这个的评论
如果您想将自己的CSS应用到徽章上,那么将徽章内联放置也很有帮助。但是请记住,当您注册API密钥时,您同意显示谷歌的条款和条件-所以请不要隐藏它。虽然可以用CSS让徽章完全消失,但我们不推荐这样做。
其他回答
这不会禁用垃圾邮件检查
div.g-recaptcha > div.grecaptcha-badge {
width:0 !important;
}
注意:如果您选择隐藏徽章,请使用 .grecaptcha-badge{可见性:隐藏;}
只要在用户流中可见地包含reCAPTCHA品牌,您就可以隐藏徽章。请包括以下文本:
此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。
更多细节请点击这里
我测试了所有的方法,并且:
警告:显示:none禁用垃圾邮件检查!
可见度:隐藏和不透明度:0不禁用垃圾邮件检查。
使用代码:
.grecaptcha-badge {
visibility: hidden;
}
当您隐藏徽章图标时,谷歌希望您通过添加以下内容在表单上引用他们的服务:
<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>
对于谷歌reCaptcha v3,常见问题解答如下:
只要包含reCAPTCHA,您就可以隐藏徽章 在用户流程中可见的品牌。请包括以下文本: 此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。 例如: 注意:如果您选择隐藏徽章,请使用 .grecaptcha-badge{可见性:隐藏;}
目前尚不清楚这是否适用于reCaptcha v2。我建议升级到v3,因为它对您的访问者来说是一个更好的体验。
我看到了下一个关于这个的评论
如果您想将自己的CSS应用到徽章上,那么将徽章内联放置也很有帮助。但是请记住,当您注册API密钥时,您同意显示谷歌的条款和条件-所以请不要隐藏它。虽然可以用CSS让徽章完全消失,但我们不推荐这样做。