Skip to content
07.06.2023
  • Технология
  • Новости
  • В мире

Технологии

Primary Menu
  • Технология
  • Новости
  • В мире
  • Home
  • 2021
  • Январь
  • 15
  • Технология

Contact Form 7 reCAPTCHA. Установка и настройка

admin 15.01.2021 1 min read

recaptcha-2557290

17 февраля 2020 WordPress

Защитить от спама свои контактные формы на сайте WordPress, созданные в плагине Contact Form 7 можно с помощью reCAPTCHA от Google. Сделать это довольно просто, так как плагин уже поддерживает эту систему из коробки. Вам лишь остается её настроить на сайте. Как это сделать рассмотрим в этой статье.

Что такое reCAPTCHA

reCAPTCHA от Google — это надежная система защиты от спама разработанная в университете Карнеги. В сентябре 2009 года reCAPTCHA была приобретена компанией Google. За эти годы reCAPTCHA претерпела несколько изменений и версий.

Первая и вторая версии reCAPTCHA были сильно утомительными. Даже сейчас на многих сайтах ещё встречается v2, где нужно выбирать картинки. После многочисленной критики Google значительно облегчили ввод капчи и теперь пользователям нужно было всего лишь поставить галочку «Я не робот». А затем после выхода версии v3 система совсем стала незаметной для пользователей. Теперь система самостоятельно анализирует все поведенческие факторы пользователей и отличает ботов от настоящих людей.

Регистрация reCAPTCHA

На сайте Google reCAPTCHA заходим по кнопке Admin Console с помощью аккаунта Google. Если его нет, то предварительно регистрируем.

recaptcha1-1024x739-4723002

Добавляем новый сайт. Заполняем название, домен и выбираем reCAPTCHA v3:

recaptcha2-1024x777-8345741

Сохраняем и на следующей странице получаем 2 ключа для сайта:

recaptcha3-9793041

Настройка reCAPTCHA в Contact Form 7

Идем в Консоль → Contact Form 7 → Интеграция → reCAPTCHA → Настройки интеграции:

recaptcha4-1973276

Вводим полученные ранее ключи с сайта Google reCAPTCHA:

recaptcha5-7451745

Сохраняем и если все сделано верно, то на сайте справа внизу отобразиться значок reCAPTCHA. Теперь ваши формы защищены от спама.

Скрыть значок reCAPTCHA

Чтобы скрыть значок reCAPTCHA со страниц сайта, добавляем в .css следующий код:

.grecaptcha-badge {
        visibility: hidden;
        opacity: 0;
}

Continue Reading

Previous: Разные статьи и уроки по веб-программированию — Страница 4 из 4
Next: Установка WordPress на Open Server

Related Stories

Захват изображения с камеры с помощью HTML5 mediacapture-2460556
1 min read
  • Технология

Захват изображения с камеры с помощью HTML5

29.04.2023
Освоение аналитики: получение максимальной отдачи от аналитических данных в GA4 analytics-intelligence-step-1-sign-in
1 min read
  • Технология

Освоение аналитики: получение максимальной отдачи от аналитических данных в GA4

26.04.2023
Что такое ошибка DNS_PROBE_FINISHED_NXDOMAIN? Полное руководство mastering-analytics-intelligence-in-ga4-hero-image-730x548-2691257
1 min read
  • Технология

Что такое ошибка DNS_PROBE_FINISHED_NXDOMAIN? Полное руководство

26.04.2023

You may have missed

Захват изображения с камеры с помощью HTML5 mediacapture-2460556
1 min read
  • Технология

Захват изображения с камеры с помощью HTML5

29.04.2023
Освоение аналитики: получение максимальной отдачи от аналитических данных в GA4 analytics-intelligence-step-1-sign-in
1 min read
  • Технология

Освоение аналитики: получение максимальной отдачи от аналитических данных в GA4

26.04.2023
Что такое ошибка DNS_PROBE_FINISHED_NXDOMAIN? Полное руководство mastering-analytics-intelligence-in-ga4-hero-image-730x548-2691257
1 min read
  • Технология

Что такое ошибка DNS_PROBE_FINISHED_NXDOMAIN? Полное руководство

26.04.2023
Как создавать отчеты по аналитике веб-сайта в Looker Studio (шаг за шагом) customize-the-report
1 min read
  • Технология

Как создавать отчеты по аналитике веб-сайта в Looker Studio (шаг за шагом)

26.04.2023
  • Технология
  • Новости
  • В мире
  • Технология
  • Новости
  • В мире
Copyright © All rights reserved. | MoreNews by AF themes.