发表新帖
发表新帖

How to hide the Google Invisible reCAPTCHA badge

前端 未结
关注
15 2171
感情败类
感情败类 2020-12-02 04:15

When implementing the new Google Invisible reCATPTCHA, by default you get a little \"protected by reCAPTCHA\" badge in the bottom right of the screen that pops out when you

相关标签:
15条回答
  • Happy的楠姐
    2020-12-02 04:54

    Note: if you choose to hide the badge, please use
     .grecaptcha-badge { visibility: hidden; }

    You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text:

    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.

    more details here reCaptacha

    0 讨论(0)
  • 南旧
    2020-12-02 04:57

    Google now says "You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow." Link

    0 讨论(0)
  • 挽巷
    2020-12-02 05:01

    Since hiding the badge is not really legit as per the TOU, and existing placement options were breaking my UI and/or UX, I've come up with the following customization that mimics fixed positioning, but is instead rendered inline:

    You just need to apply some CSS on your badge container:

    .badge-container {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  width: 70px;
  height: 60px;
  margin: 0 auto;
  box-shadow: 0 0 4px #ffffd;
  transition: linear 100ms width;
}
.badge-container:hover {
    width: 256px;
}

    I think that's as far as you can legally push it.

    0 讨论(0)
  • 粉色の甜心
    2020-12-02 05:01

    this does not disable the spam checking

    div.g-recaptcha > div.grecaptcha-badge {
    width:0 !important;
}
    0 讨论(0)
  • 我在风中等你
    2020-12-02 05:02

    Recaptcha contact form 7 and Recaptcha v3 solution.

    body:not(.page-id-20) .grecaptcha-badge {
    display: none;
}

    More Than One Contact Form Page?

    body:not(.page-id-12):not(.page-id-43) .grecaptcha-badge {
    display: none;
}

    You can add more “nots” if you have more contact form pages.

    body:not(.page-id-45):not(.page-id-78):not(.page-id-98) .grecaptcha-badge {
    display: none;
}

    Make sure that your body section will like this:

    <body>

    Change it so that it looks like this:

     <body <?php body_class(); ?>>
    0 讨论(0)
  • 别跟我提以往
    2020-12-02 05:07

    Yes, you can do it. you can either use css or javascript to hide the reCaptcha v3 badge.

    1. The CSS Way use display: none or visibility: hidden to hide the reCaptcha batch. It's easy and quick.
    .grecaptcha-badge {
    display:none !important;
}
    1. The Javascript Way
    var el = document.querySelector('.grecaptcha-badge');
el.style.display = 'none';

    Hiding the badge is valid, according to the google policy and answered in faq here. It is recommended to show up the privacy policy and terms of use from google as shown below.

    0 讨论(0)
 看不清?
提交回复
热议问题