Не так давно Google представил новую версию reCAPTCHA v3, а в месте с ней и обязала принять условия использования, при которых сайт обязан информировать всех пользователей о наличии проверки reCAPTCHA v3. Это привело к тому, что на всех страницах сайта отображается их логотип. В данной теме мы расскажем о том как скрыть данный логотип не нарушая условия использования.
WordPress — Как скрыть логотип (значок) reCAPTCHA v3.
Немного о reCAPTCHA и условий использования.
Одно из отличий от reCAPTCHA v2 — Распознавание плохого трафика происходит в фоне, без какого либо взаимодействия с пользователем.
Как уже писали ранее, Google обязал уведомлять пользователей об использовании reCAPTCHA v3 на сайте. В итоге, при использовании новой «капчи«, в правом нижнем углу сайта появляется логотип «защита от спама reCAPTCHA«, что не всех устраивает.
Сейчас Google разрешили скрывать логотип с условием, если Вы явно укажите использование reCAPTCHA в форме. К примеру при регистрации или в форме обратной связи. Этот способ предложил сам Google (источник), так что не стоит опасаться отключения от reCAPTCHA V3.
Получается, для того, что бы нам скрыть логотип рекапчи с условиями, нам достаточно в CSS стилях указать следующее:
|
1 |
.grecaptcha-badge { visibility: hidden; } |
Вариант с
display: none— отключает проверку спама!
visibility: hiddenиopacity: 0— НЕ отключайте проверку на спам.
Так же необходимо явно добавить в форме или возле, можно так же в футоре, следующий текст:
|
1 2 3 4 |
<small>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. </small> |
Как скрыть значок с условиями reCAPTCHA v3 на сайте WordPress.
Порядок тот же, что мы описывали выше. Рассмотрим немного подробнее для тех, кто использует плагин Contact Form 7.
Подробнее о плагине Contact Form 7 можете прочитать в данной статье: WordPress — Создание контактной формы
Начиная с версии 5.1 плагин Contact Form 7 полностью переходит на использование третьей версии «реКапчи». Теперь нет необходимости вставлять в форму шорткод [recapcha]. После интеграции reCAPTCHA V3 защита будет работать по умолчанию для всех форм.
Для начала спрячем логотип рекапчи. Заходим в раздел Внешний вид -> Редактор и находим там файл CSS нашей темы и пропишите следующий код в конце файла:
|
1 |
.grecaptcha-badge {visibility: hidden;} |
Так же редактировать можно и через файл, используя FTP клиент. Файл лежит тут: /wp-content/themes/НАЗВАНИЕ ВАШЕЙ ТЕМЫ/style.css
Дальше нам необходимо перейти в редактор формы Contact Form 7 и добавить текст с условиями:
|
1 2 |
<p style="font-size: 10px;color: gray;">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.</p> |
Мы немного стилизовали его, сделав поменьше и серым.
В итоге, мы уберём ненужны логотип со всех страниц сайта и не нарушим условия использования Google.
На этом пожалуй всё, надеюсь статья была вам полезной. Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группы в ВК, Twitter, Facebook.
Всем удачи и море печенек
!
Прописал тот код, что Вы написали для WordPress в своей теме Astra, в конце, как было указано. Логотип с сайта так и не исчез. 🙁
И, как я понимаю, если тема обновится, эту процедуру надо повторять?
Возможно закешировалось. При обновлении темы, процедуру необходимо будет повторить, в плане добавления в CSS файл.
Четко и ясно. Спасибо, все работает
Здравствуйте, такая проблема, заказчик хочет recaptcha, но нужно добавить под форму условия по русски, так разрешено сделать?
не уверен, но возможно у Google есть политика на русском языке.
Все понятно! Сам сделал и логотип пропал.
А у меня не пропадает и кеш удалял и обновлял, что делать еще можно
Добрый день, а в каком файле стилей указывали параметр?
У меня не получилось убрать в теме OceanWP, пришлось отключить капчу до хороших времён, и смогу это сделать лет через 5 когда закончу универ на программиста
Убралось на компьютере, но не убралось на мобильном. Как убрать на мобильном устройстве?
Спасибо помогло
Смотрим капчу