如何隐藏谷歌隐形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;
}

我不是一个网页开发人员，所以请纠正我，如果有什么错误。

编辑:更新到使用可见性而不是显示。

2018-12-12 16:24:03

其他回答

将数据标记属性设置为内联

<button type="submit" data-sitekey="your_site_key" data-callback="onSubmit" data-badge="inline" />

并添加以下CSS

.grecaptcha-badge {
    display: none;
}

2017-06-14 11:16:22

Matthew Dowell的帖子略有变化，避免了短闪光，但在接触形式7可见时显示:

div.grecaptcha-badge{
    width:0 !important;
}

div.grecaptcha-badge.show{
    width:256px !important; 
}

然后，我在子主题的header.php中添加了以下内容:

<script>
jQuery( window ).load(function () { 
    if( jQuery( '.wpcf7' ).length ){ 
        jQuery( '.grecaptcha-badge' ).addClass( 'show' );
    }
});
</script>

2018-12-30 13:14:39

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(); ?>>

2019-02-28 05:04:54

我的解决方案是隐藏徽章，然后在用户关注表单输入时显示它——因此仍然遵循谷歌的t&c。

注意:我调整的reCAPTCHA是由WordPress插件生成的，所以你可能需要用<div class="inv-recaptcha-holder">…< / div >自己。

CSS

.inv-recaptcha-holder {
  visibility: hidden;
  opacity: 0;
  transition: linear opacity 1s;
}

.inv-recaptcha-holder.show {
  visibility: visible;
  opacity: 1;
  transition: linear opacity 1s;
}

jQuery

$(document).ready(function () {
  $('form input, form textarea').on( 'focus', function() {
    $('.inv-recaptcha-holder').addClass( 'show' );
  });
});

显然，如果需要，您可以更改jQuery选择器以针对特定的表单。

2018-10-17 15:46:08

对于谷歌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，因为它对您的访问者来说是一个更好的体验。

2018-12-12 19:04:05

如何隐藏谷歌隐形reCAPTCHA徽章

推荐文章

最新文章

标签