在实现新的谷歌Invisible reCATPTCHA时,默认情况下,当你滚动屏幕时,屏幕右下方会弹出一个小的“受reCAPTCHA保护”徽章。
我想把这个藏起来。
在实现新的谷歌Invisible reCATPTCHA时,默认情况下,当你滚动屏幕时,屏幕右下方会弹出一个小的“受reCAPTCHA保护”徽章。
我想把这个藏起来。
当前回答
我决定隐藏徽章在所有页面上,除了我的联系页面(使用Wordpress):
/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
visibility: hidden !important;
}
/* Shows the reCAPTCHA on the Contact page */
/* Obviously change the page number to your own */
.page-id-17 .grecaptcha-badge {
visibility: visible !important;
}
我不是一个网页开发人员,所以请纠正我,如果有什么错误。
编辑:更新到使用可见性而不是显示。
其他回答
谷歌现在允许隐藏徽章,从常见问题解答:
我想把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' );
}
});
我的瓷砖仍然会在每一页上闪烁半秒钟,但这是我迄今为止发现的最好的解决办法,我希望能遵守。欢迎提出改进建议。
注意:如果您选择隐藏徽章,请使用 .grecaptcha-badge{可见性:隐藏;}
只要在用户流中可见地包含reCAPTCHA品牌,您就可以隐藏徽章。请包括以下文本:
此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。
更多细节请点击这里
我决定隐藏徽章在所有页面上,除了我的联系页面(使用Wordpress):
/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
visibility: hidden !important;
}
/* Shows the reCAPTCHA on the Contact page */
/* Obviously change the page number to your own */
.page-id-17 .grecaptcha-badge {
visibility: visible !important;
}
我不是一个网页开发人员,所以请纠正我,如果有什么错误。
编辑:更新到使用可见性而不是显示。
是的,你能做到。您可以使用css或javascript隐藏reCaptcha v3徽章。
CSS方式 使用display: none或visibility: hidden隐藏reCaptcha批。这既简单又快捷。
.grecaptcha-badge {
display:none !important;
}
Javascript的方式
var el = document.querySelector('.grecaptcha-badge');
el.style.display = 'none';
隐藏徽章是有效的,根据谷歌政策,并在faq回答这里。建议显示谷歌的隐私政策和使用条款,如下所示。