Как убрать логотип в reCaptcha(v3) плагина ContactForm 7 WordPress
Многие пользователи WordPress столкнулись с проблемой обновления плагина ContactForm 7 в которой реализован новый протокол Google распознания ботов reCaptcha(v3).
Особенность новой reCaptcha(v3) – в нижней правой части сайта появляется значок от Google «protected by reCAPTCHA». Примечательно, что данный логотип в настройках отключить нельзя. Это связано с новой политикой безопасности Google, которая гласит о том, что все посетители сайта должны быть уведомлены о том, что на сайте присутствует встроенный модуль reCaptcha(v3).
Как убрать логотип reCaptcha(v3) в WordPress?
Мы предлагаем вариант, когда логотип reCaptcha(v3) будет отображаться только на тех страницах, где у вас присутствует форма обратной связи. Где эта форма будет отсутствовать, логотип отображаться не будет. Такой метод не будет нарушать политику безопасности Google.
Сделать это можно с помощью стандартного редактора внешнего вида шаблона в WordPress. Необходимо внести в Таблицу стилей (style.css) следующую запись:
/* Отключаем отображение логотипа */
.grecaptcha-badge display: none !important;
>/* Показываем логотип на странице контактов */
.page-id-17 .grecaptcha-badge display: block !important;
>
Как скрыть, удалить логотип (значок) reCAPTCHA v3
В конце 2018 года Google представила третью версию Recaptca V3. Основное отличие от второй версии – Распознавание трафика происходит в фоне, без взаимодействия с пользователем. Казалось бы, отлично Google, так держать, но есть один нюанс.
При использовании новой версии “антикапчи” в правом нижнем углу сайта появляется значок “защита от спама reCAPTCHA”, который никак нельзя отключить.
Почему показывается значок reCAPTCHA V3
Чтобы понять как скрыть этот “значок”, нужно понять зачем он вообще показывается. Если мы наведем на него курсор мыши, то увидим ссылки на “Политику конфиденциальности” и “Условия использования”.
При настройке reCAPTCHA на сайте Google необходимо принять “Условия использования”. И по этим условиям вы обязаны информировать посетителей о наличии проверки reCAPTCHA v3.
Именно по этой причине и показывается этот “значок”. И по той же причине его нельзя просто так скрывать.
Многих такой порядок дел не устраивает и в этой статье я расскажу как его правильно убрать и не нарушить условия Google.
Как скрыть уведомление о reCAPTCHA v3 не нарушив условия использования
Если вы не хотите видеть на страницах своего сайта вездесущее уведомление о рекапче необходимо выполнить ряд действий.
- Скрываем сам “значок”. Для этого нужно:
- установить значение inline для атрибута data-badge в коде кнопки отправки формы.
- Добавить в файл стилей следующий CSS код .grecaptcha-badge
This site is protected by reCAPTCHA and the Google
Privacy Policy and Terms of Service apply .Этот способ предложил сам Google (источник), поэтому не стоит опасаться, что ваш сайт отключат от reCAPTCHA V3
Как скрыть значок с условиями reCAPTCHA v3 на сайте WordPress
Для пользователей WordPress я решил написать отдельную инструкцию, предвидя такие вопросы в комментариях.
Начиная с версии 5.1 плагин Contact Form 7 полностью переходит на использование третьей версии “реКапчи”. Теперь нет необходимости вставлять в форму шорткод [recapcha] . После интеграции reCAPTCHA V3 защита будет работать по умолчанию для всех форм. Это действительно удобно, а, главное, работает и избавляет от 99% спама (лично протестировал на нескольких проектах).
Ну а теперь, собственно, инструкция для Вордпресс:
1. Скрываем сам “значок”. Для этого нужно: Добавить в файл стилей следующий CSS код .grecaptcha-badge . Зайдите в раздел Внешний вид/редактор и найдите там файл CSS вашей темы (дочерней либо основной) и пропишите его в любом месте, но не в правила для мобильных.
2. Добавить под формой или, например, в футер сайта, рядом с вашей политикой конфиденциальности следующую информацию:
Recaptcha v3 как убрать значок?
На одном из своих новых сайтов решил попробовать использовать новый сервис от Гугла — Recaptcha v3. Основные отличии этого новой версии в том, что пользователю даже не нужно выбирать всякие горы и светофоры в картинках или тыкать галочку под каждым сообщением. Всё происходит автоматически и незаметно для обычного пользователя. Но при этом блокируются спамеры и различные боты. Как оно там работает посмотрим на практике, а для нас главное результат.
Казалось бы плюсов куча, но есть и один большой минус. По законодательству США и других развитых стран использовать такие способы контроля над юзером не совсем законно и нужно его (пользователя) предупредить перед этим. Соответственно Google показывает небольшое всплывающее окошко где прописаны все условия и обязательства перед пользователем. И вот это самое окошко не всегда вписывается в дизайн и вообще портит внешний вид сайта.
Как избавится от этого значка Recaptcha v3 ?
Собственно всё просто. Можно его просто скрыть в стилях CSS.
.grecaptcha-badge
Вот так легко мы избавимся от этого всплывающего значка гугла на каждой странице сайта.
Но только вот Google потом может забанить ваш сайт после такого и как минимум отключить от сервиса Recaptcha v3. Так как это чётко прописано в условиях использования данного сервиса. Чтобы лишний раз не нарываться идём в официальную документацию Гугла и ищем там совет от разработчиков Recaptcha, как стоит поступить если нам мешает этот значек.
Если в кратце, то разработчики Google разрешают убрать этот значек, если вы под своей формой пропишите все правила и ссылки на их нормативные документы. Выглядеть это должно примерно так:
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Этот кусок кода лучше всего добавить в футер сайта или внизу под каждой формой, где используется reCAPTCHA 3 версии.
- ← Автоматическая SSH-авторизация по ключу
- Что это Runtime Broker в Windows 10 →
Как убрать значок recaptcha 3
После установки google reCAPTCHA V3 для защиты форм, на сайте справа внизу появляется так называемый badge reCAPTCHA. Возникает желание его скрыть, так как он в принципе не вписывается в дизайн, так еще и создает нагроможденность при наличии кнопки ВВЕРХ и кнопок мессенджеров или чатов.
Первое что приходит на ум скрыть его с помощью свойства display: none. Но это нарушение Условий использования reCAPTCHA, которые вы приняли при формировании ключей для сайта.
По этим условиям вы обязаны информировать посетителей о наличии reCAPTCHA v3, что и происходит при нажатии на беджик:
Google предлагает здесь решение для скрытия reCAPTCHA. (Ссылка указана на нужный абзац).
Необходимо на сайте разместить ссылки на Политику конфиденциальности и Условия использования:
This site is protected by reCAPTCHA and the Google
Privacy Policy and
Terms of Service apply.Мы на своем сайте разместили вариант на русском языке c закрытыми от индексации ссылками и атрибутом открывать в новом окне:
Наш сайт защищен с помощью reCAPTCHA и соответствует
https://policies.google.com/privacy" target="_blank">Политике конфиденциальности
и https://policies.google.com/terms" target="_blank">Условиям использования Google.Далее мы скрываем сам бейдж разместив следующий код в файле css: