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

Привет, Веб-Мастер! В 2018 году Google выкатил новую версию reCAPTCHA v3, которая позволяет пользователям не мучатся с выбором «светофоров», «автомобилей», «витрин» и прочих надоевших и неудобных для использования картинок, чтобы доказать свою человечность. Но, к сожалению, она занимает область на экране и выглядит ужасно. Поэтому в этой статье научимся скрывать это иконку, не нарушая правил Google.

Новая reCAPTCHA v3 в фоновом режиме определяет при отправке формы комментирования, обратной связи человек ли вы или робот. Это очень удобно, но возникает проблема: в правом нижнем углу появляется небольшой прилипший к краю квадратик, в котором расположены ссылки с конфиденциальностью и условиями использования. Если на ПК версии сайта эта иконка мало мешает для просмотра контента пользователем, то на мобильных версиях существенно мешается и закрывает часть контента.

Согласно правилам Google вы не можете ее просто скрыть, т.к. обязаны предоставить пользователю информацию об использовании этого сервиса. При настройке reCAPTCHA v3 вы ставите галочку об этом обязательстве и во избежании санкций к вам и вашему ресурсу вынуждены соблюдать требование.

Google официально разрешил скрывать логотип капчи в своем FAQ, но необходимо выполнить некоторые условия.

Как скрыть reCAPTCHA v3 не нарушив правила Google для сайта на WordPress

Самый популярный плагин WordPress для контактных форм это Contact Form 7, который с версии 5.1 полностью перешел на третью версию Капчи от Гугл.

Итак, инструкция:

  • 1. Под каждой формой вам необходимо добавить информацию о Политике конфиденциальности и Условиях использования:
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.

Как правило, данный код необходимо вставить в админке сайта, в меню «Внешний вид» — «Настроить». Но стоит отметить, что все зависит от вашей темы.

Если у вас возникнут вопросы, напишите в комментариях, я постараюсь помочь вам.

  • 2. Скрываем иконку. Для этого в основном файле CSS вашей темы пишем .grecaptcha-badge {display: none;}

Для этого в админке зайдите в раздел «Внешний вид» — «Редактор» и там выберите файл CSS вашей темы. Вставить можно в любое место, кроме вставки в правила с @media. Рекомендую использовать дочернюю тему, чтобы при обновлении новой версии не приходилось каждый раз делать все снова.

Так же не забываем, что под комментариями необходимо указать ссылки на Пользовательское Соглашение и Политику Конфиденциальности.

Как скрыть иконку reCAPTCHA v3 на сайте (любая другая CMS, либо самописная система)

Принцип тот же самый, что и в случае с использованием сайта на WordPress.

  • 1. Ставим под всеми формами на сайте уведомление о
    Политике конфиденциальности и Условиях использования от Google
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.
  • 2. Скрываем значок. Для этого:
    • В коде кнопки отправки формы необходимо установить значение  inline для атрибута data-badge.
    • В CSS добавить код .grecaptcha-badge {display: none;}.
Подпишись или задай вопрос
Антонио с WPbiz.ru
Манимейкер в сети с 2008 года
Подпишись
На этом инструкция как убрать иконку reCAPTCHA v3 завершена. Надеюсь у вас все получилось. Если же у вас возникли трудности или вопросы - пишите в комментариях, я постараюсь вам помочь!
Удачи!
Остались вопросы? Есть что сказать? Пиши!

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности