在实现新的谷歌Invisible reCATPTCHA时，默认情况下，当你滚动屏幕时，屏幕右下方会弹出一个小的“受reCAPTCHA保护”徽章。
我想把这个藏起来。
当前回答
谷歌现在允许隐藏徽章，从常见问题解答:
我想把reCAPTCHA徽章藏起来。什么是允许的? 只要在用户流中可见地包含reCAPTCHA品牌，您就可以隐藏徽章。请包括以下文本: 此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。 例如:
所以你可以简单地隐藏它使用下面的CSS:
.grecaptcha-badge {
visibility: hidden;
}
不要使用display: none;因为它似乎禁用了垃圾邮件检查(谢谢@Zade)
其他回答
对于在Wordpress上使用Contact Form 7的用户来说，这个方法对我来说是有效的: 我隐藏v3 Recaptcha在所有页面上，除了那些与联系7表格。
但是这种方法应该适用于任何使用唯一类选择器的站点，该类选择器可以识别带有文本输入表单元素的所有页面。
首先，我在CSS中添加了一个目标样式规则，可以折叠瓷砖:
CSS
div.grecaptcha-badge.hide{
width:0 !important;
}
然后我在我的头部添加了JQuery脚本，在窗口加载后触发，这样'grecaptcha-badge'类选择器就可以使用JQuery，并且可以添加'hide'类来应用可用的CSS样式。
$(window).load(function () {
if(!($('.wpcf7').length)){
$('.grecaptcha-badge').addClass( 'hide' );
}
});
我的瓷砖仍然会在每一页上闪烁半秒钟，但这是我迄今为止发现的最好的解决办法，我希望能遵守。欢迎提出改进建议。
将数据标记属性设置为内联
<button type="submit" data-sitekey="your_site_key" data-callback="onSubmit" data-badge="inline" />
并添加以下CSS
.grecaptcha-badge {
display: none;
}
Recaptcha联系人表单7和Recaptcha v3解决方案。
body:not(.page-id-20) .grecaptcha-badge {
display: none;
}
有多个联系表单页面?
body:not(.page-id-12):not(.page-id-43) .grecaptcha-badge {
display: none;
}
如果你有更多的联系表单页面，你可以添加更多的“不”。
body:not(.page-id-45):not(.page-id-78):not(.page-id-98) .grecaptcha-badge {
display: none;
}
确保你的主体部分是这样的:
<body>
更改它，使它看起来像这样:
<body <?php body_class(); ?>>
我测试了所有的方法，并且:
警告:显示: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徽章藏起来。什么是允许的? 只要在用户流中可见地包含reCAPTCHA品牌，您就可以隐藏徽章。请包括以下文本: 此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。 例如:
所以你可以简单地隐藏它使用下面的CSS:
.grecaptcha-badge {
visibility: hidden;
}
不要使用display: none;因为它似乎禁用了垃圾邮件检查(谢谢@Zade)
