Google reCAPTCHA v3 і як правильно приховати її від перегляду

Як легко приховати значок reCAPTCHA Google за допомогою CSS за 2 хвилини. Якщо зробити це неправильно, це може вимкнути ваш захист від спаму.

Зміст

Приховуємо значок Google reCAPTCHA за допомогою CSS

Додайте цей CSS до своєї таблиці стилів, щоб прибрати плаваючий бейдж:

.grecaptcha-badge { 
    visibility: hidden;
}

Спосіб 1: Приховати значок Google reCAPTCHA за допомогою CSS (кастомайзер)

  1. Увійдіть на свій веб-сайт WordPress і перейдіть до “Вигляд” -> “Налаштування”
  2. Ви повинні побачити пункт під назвою “Додатковий CSS” – виберіть його.
  3. Додайте код CSS в цю область. Якщо у вас є інші стилі, додайте наші стилі внизу і натисніть “Опублікувати”.
Приховати значок Google reCAPTCHA за допомогою CSS
Google reCAPTCHA v3 і як правильно приховати її від перегляду screenshot 365

Примітка: Якщо на вашому веб-сайті увімкнено кешування за допомогою плагіна або мінімізації CSS, вам потрібно очистити кеш і оновити браузер, щоб побачити зміни.

Спосіб 2: Додайте код CSS до вашого файлу style.css

  1. Увійдіть на свій сайт WordPress і перейдіть до “Вигляд” -> “Редактор файлів тем”
  2. За замовчуванням ви вже повинні бути у файлі CSS. Прокрутіть файл до кінця.
  3. Вставте наші стилі і натисніть “Зберегти”.

Примітка: Якщо на вашому веб-сайті увімкнено кешування за допомогою плагіна або мінімізації CSS, вам потрібно очистити кеш і оновити браузер, щоб побачити зміни.

Спосіб 3: Як приховати значок Google reCAPTCHA в Elementor Page Builder (Pro)

  1. Увійдіть на свій веб-сайт WordPress і перейдіть до: “Elementor” -> “Кастомний код”.
  2. Натисніть “Додати новий” і назвіть ваш новий фрагмент коду чимось на кшталт “Приховати CSS значок Google reCAPTCHA”.
  3. У випадаючому списку розташування фрагмента виберіть .
  4. Вставте наступний фрагмент коду CSS:
<style> .grecaptcha-badge {visibility: hidden!important;} </style>
  1. Натисніть синю кнопку “Опублікувати”, а потім відвідайте інтерфейс вашого сайту і перевірте, чи вдалося приховати значок Google reCAPTCHA.

Примітка: Якщо на вашому веб-сайті увімкнено кешування за допомогою плагіна або мінімізації CSS, вам потрібно очистити кеш і оновити браузер, щоб побачити зміни.

Зробіть це після того, як вимкнете захист за допомогою reCAPTCHA

Розмістіть це повідомлення у вашій формі, щоб вона була сумісною з Google

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.

Що не бажано робити

Не використовуйте властивість “display: none;”, щоб приховати логотип reCAPTCHA, оскільки це повністю вимкне ваш захист від спаму.

Ви повинні використовувати “visibility: hidden;” або “opacity: 0;”, щоб захист від спаму працював.