WordPress — Как скрыть логотип reCAPTCHA v3

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

WordPress — Как скрыть логотип (значок) reCAPTCHA v3.

Немного о reCAPTCHA и условий использования.

Одно из отличий от reCAPTCHA v2 — Распознавание плохого трафика происходит в фоне, без какого либо взаимодействия с пользователем.

Как уже писали ранее, Google обязал уведомлять пользователей об использовании reCAPTCHA v3 на сайте. В итоге, при использовании новой «капчи«, в правом нижнем углу сайта появляется логотип «защита от спама reCAPTCHA«, что не всех устраивает.reCAPTCHAv3

Сейчас Google разрешили скрывать логотип с условием, если Вы явно укажите использование reCAPTCHA в форме. К примеру при регистрации или в форме обратной связи. Этот способ предложил сам Google (источник), так что не стоит опасаться отключения от reCAPTCHA V3.

Получается, для того, что бы нам скрыть логотип рекапчи с условиями, нам достаточно в CSS стилях указать следующее:

Вариант с display: none— отключает проверку спама!

visibility: hidden и opacity: 0 — НЕ отключайте проверку на спам.

Так же необходимо явно добавить в форме или возле, можно так же в футоре, следующий текст:

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

Порядок тот же, что мы описывали выше. Рассмотрим немного подробнее для тех, кто использует плагин Contact Form 7.

Подробнее о плагине Contact Form 7 можете прочитать в данной статье: WordPress — Создание контактной формы

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

Для начала спрячем логотип рекапчи. Заходим в раздел Внешний вид -> Редактор и находим там файл CSS нашей темы и пропишите следующий код в конце файла:

Так же редактировать можно и через файл, используя FTP клиент. Файл лежит тут: /wp-content/themes/НАЗВАНИЕ ВАШЕЙ ТЕМЫ/style.css

wordpress_recaptchav3_скрываем логотип

Дальше нам необходимо перейти в редактор формы Contact Form 7 и добавить текст с условиями:

Мы немного стилизовали его, сделав поменьше и серым.

wordpress_recaptchav3_добавляем текст к форме

В итоге, мы уберём ненужны логотип со всех страниц сайта и не нарушим условия использования Google.

На этом пожалуй всё, надеюсь статья была вам полезной. Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группы в ВК, Twitter, Facebook.

Всем удачи и море печенек🍪!

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

CrazyKing

Печенько-кодер :Р

12 комментариев

  1. Прописал тот код, что Вы написали для WordPress в своей теме Astra, в конце, как было указано. Логотип с сайта так и не исчез. 🙁
    И, как я понимаю, если тема обновится, эту процедуру надо повторять?

    • Возможно закешировалось. При обновлении темы, процедуру необходимо будет повторить, в плане добавления в CSS файл.

  2. Здравствуйте, такая проблема, заказчик хочет recaptcha, но нужно добавить под форму условия по русски, так разрешено сделать?

  3. У меня не получилось убрать в теме OceanWP, пришлось отключить капчу до хороших времён, и смогу это сделать лет через 5 когда закончу универ на программиста

  4. Убралось на компьютере, но не убралось на мобильном. Как убрать на мобильном устройстве?

Опиши свой кейс здесь, если у тебя остались вопросы и мы обязательно ответим...