В конце 2018 года Google представила третью версию Recaptca V3. Основное отличие от второй версии — Распознавание трафика происходит в фоне, без взаимодействия с пользователем. Казалось бы, отлично Google, так держать, но есть один нюанс.

При использовании новой версии «антикапчи» в правом нижнем углу сайта появляется значок «защита от спама reCAPTCHA», который никак нельзя отключить.

Как скрыть значок reCAPTCHA v3

Почему показывается значок reCAPTCHA V3

Чтобы понять как скрыть этот «значок», нужно понять зачем он вообще показывается. Если мы наведем на него курсор мыши, то увидим ссылки на «Политику конфиденциальности» и «Условия использования».

Как удалить логотип reCAPTCHA v3

При настройке reCAPTCHA на сайте Google необходимо принять «Условия использования». И по этим условиям вы обязаны информировать посетителей о наличии проверки reCAPTCHA v3.

Как правильно скрыть значок reCAPTCHA v3

Именно по этой причине и показывается этот «значок». И по той же причине его нельзя просто так скрывать.

Многих такой порядок дел не устраивает и в этой статье я расскажу как его правильно убрать и не нарушить условия Google.

Как скрыть уведомление о reCAPTCHA v3 не нарушив условия использования

Если вы не хотите видеть на страницах своего сайта вездесущее уведомление о рекапче необходимо выполнить ряд действий.

  1. Скрываем сам «значок». Для этого нужно:
    1. установить значение  inline для атрибута data-badge в коде кнопки отправки формы. 
    2. Добавить в файл стилей следующий CSS код .grecaptcha-badge {display: none;}
  2. Добавить под формой или, например, в футер сайта, рядом с вашей политикой конфиденциальности следующую информацию:
    1
    2
    3
    
    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.

Этот способ предложил сам Google (источник), поэтому не стоит опасаться, что ваш сайт отключат от reCAPTCHA V3

Как скрыть значок с условиями reCAPTCHA v3 на сайте WordPress

Для пользователей WordPress я решил написать отдельную инструкцию, предвидя такие вопросы в комментариях.

Начиная с версии 5.1 плагин Contact Form 7 полностью переходит на использование третьей версии «реКапчи». Теперь нет необходимости вставлять в форму шорткод [recapcha]. После интеграции reCAPTCHA V3 защита будет работать по умолчанию для всех форм. Это действительно удобно, а, главное, работает и избавляет от 99% спама (лично протестировал на нескольких проектах).

Ну а теперь, собственно, инструкция для Вордпресс:

1. Скрываем сам «значок». Для этого нужно: Добавить в файл стилей следующий CSS код .grecaptcha-badge {display: none;}. Зайдите в раздел Внешний вид/редактор и найдите там файл CSS вашей темы (дочерней либо основной) и пропишите его в любом месте, но не в правила для мобильных.

Как скрыть значок reCAPTCHA v3 в WordPress

2. Добавить под формой или, например, в футер сайта, рядом с вашей политикой конфиденциальности следующую информацию:

1
2
3
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.

Здесь способ зависит от того, какую тему вы используете. Как правило в настройки футера можно попасть через кнопку «настроить» в админ баре (так называемый «кастомайзер»). Пример можно посмотреть в футере этого сайта.

Буду рад ответить на ваши вопросы в комментариях. Отдельный респект за оценку статьи в комментах)..