При внедрении нового Google Invisible reCATPTCHA по умолчанию в правом нижнем углу экрана появляется значок «Защищено reCAPTCHA», который появляется при наведении на него курсора.
Я хотел бы скрыть это.
javascript
recaptcha
Джеймс Лоу
источник
источник
Я проверил все подходы и:
visibility: hidden
иopacity: 0
НЕ отключайте проверку на спам.Код для использования:
Когда вы скрываете значок значка, Google хочет, чтобы вы указали его службу в форме, добавив следующее:
источник
Установите
data-badge
атрибут вinline
И добавьте следующий CSS
источник
opacity: 0
илиvisibility: hidden
? также у вас есть ссылка на где это статистика?Google теперь говорит: «Вам разрешено скрывать значок, если вы явно включаете брендинг reCAPTCHA в поток пользователей». Ссылка на сайт
источник
:(
Так как скрытие значка не является действительно законным в соответствии с TOU, и существующие варианты размещения нарушали мой пользовательский интерфейс и / или UX, я предложил следующую настройку, которая имитирует фиксированное позиционирование, но вместо этого отображается как встроенная:
Вам просто нужно применить CSS для вашего контейнера значков:
Я думаю, что это так далеко, как вы можете на законных основаниях.
источник
transform: scale(0.6)
иopacity: 0.6
Я решил скрыть значок на всех страницах, кроме моей страницы контактов (с помощью Wordpress):
Я не веб-разработчик, поэтому, пожалуйста, поправьте меня, если что-то не так.
РЕДАКТИРОВАТЬ: Обновлено, чтобы использовать видимость вместо отображения.
источник
Небольшой вариант поста Мэтью Доуэлла, который избегает коротких вспышек, но отображается всякий раз, когда видна форма контакта 7:
Затем я добавил следующее в header.php в моей дочерней теме:
источник
Мое решение состояло в том, чтобы скрыть значок, а затем отобразить его, когда пользователь сосредоточится на вводе формы - таким образом, все еще придерживаясь правил Google.
Примечание: ReCAPTCHA, которую я настраивал, был сгенерирован плагином WordPress, поэтому вам может понадобиться обернуть reCAPTCHA
<div class="inv-recaptcha-holder"> ... </div>
собой.CSS
JQuery
Очевидно, что вы можете изменить селектор jQuery для нацеливания на конкретные формы, если это необходимо.
источник
Для пользователей контактной формы 7 в Wordpress этот метод работает для меня: я скрываю повторную версию v3 на всех страницах, кроме страниц с контактными формами.
Но этот метод должен работать на любом сайте, где вы используете уникальный селектор классов, который может идентифицировать все страницы с элементами формы ввода текста.
Сначала я добавил целевое правило стиля в CSS, которое может свернуть плитку:
CSS
Затем я добавил JQuery-скрипт в свой заголовок, чтобы он срабатывал после загрузки окна, чтобы селектор класса 'grecaptcha-badge' был доступен для JQuery, и мог добавить класс 'hide', чтобы применить доступный стиль CSS.
Моя плитка все еще будет мигать на каждой странице в течение полсекунды, но это лучший обходной путь, который я нашел до сих пор, который, я надеюсь, будет соответствовать. Предложения по улучшению приветствуются.
источник
это не отключает проверку спама
источник
Если вы используете обновление Контактной формы 7 и последнюю версию (версия 5.1.x), вам нужно будет установить, настроить Google reCAPTCHA v3 для использования.
по умолчанию вы получаете логотип Google reCAPTCHA, отображаемый на каждой странице в правом нижнем углу экрана. Это, по нашей оценке, создает плохой опыт для пользователей. И ваш сайт, блог немного замедлится (в зависимости от оценки PageSpeed), так как ваш сайт должен будет загрузить 1 дополнительную библиотеку JavaScript из Google, чтобы отобразить этот значок.
Вы можете скрыть Google reCAPTCHA v3 от CF7 (показывать его только при необходимости), выполнив следующие действия:
Сначала вы открываете
functions.php
файл своей темы (используя File Manager или FTP Client). Этот файл находится в:/wp-content/themes/your-theme/
и добавьте следующий фрагмент (мы используем этот код для удаления поля reCAPTCHA на каждой странице):Затем вы добавите этот фрагмент на страницу, на которой вы хотите, чтобы он отображал Google reCAPTCHA (страница контактов, логин, страница регистрации…):
См. Блог OIW - Как удалить логотип Google reCAPTCHA из контактной формы 7 в WordPress (Скрыть значок reCAPTCHA)
источник
Да, вы можете сделать это . Вы можете использовать css или javascript, чтобы скрыть значок reCaptcha v3.
display: none
или,visibility: hidden
чтобы скрыть пакет reCaptcha. Это легко и быстро.Сокрытие значка является действительным, в соответствии с политикой Google и ответили в FAQ здесь . Рекомендуется показать политику конфиденциальности и условия использования от Google, как показано ниже.
источник
Я видел следующий комментарий об этом
источник
Примечание: если вы решите скрыть значок, используйте
.grecaptcha-badge { visibility: hidden; }
Вам разрешено скрывать значок, если вы явно включаете брендинг reCAPTCHA в пользовательский поток. Пожалуйста, включите следующий текст:
Этот сайт защищен reCAPTCHA и Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.
подробнее здесь reCaptacha
источник
Форма обратной связи Recaptcha 7 и решение Recaptcha v3.
Больше чем одна страница контактной формы?
Вы можете добавить больше «неимущих», если у вас есть больше страниц контактной формы.
Убедитесь, что ваш раздел тела будет выглядеть так:
Измените это так, чтобы это выглядело так:
источник