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

recaptcha-7241008

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-6096313

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

recaptcha2-1024x777-9136973

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

recaptcha3-1546679

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

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

recaptcha4-4118519

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

recaptcha5-7816062

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

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

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

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