Как использовать reCAPTCHA для модуля контактной формы Divi

Контактные формы — одна из самых популярных форм, которые боты используют для отправки вам спама. Google reCAPTCHA — один из лучших инструментов для борьбы со спамом. К счастью, модуль контактной формы Divi прекрасно интегрируется с reCAPTCHA. В этом посте мы увидим, как использовать reCAPTCHA для вашего модуля контактной формы Divi. Мы увидим, как настроить учетную запись reCAPTCHA и как использовать ее с модулем контактной формы.

Давайте начнем.

Включите ReCAPTCHA для модуля контактной формы Divi

Во-первых, давайте посмотрим, как включить reCAPTCHA для вашего модуля контактной формы Divi. Опция встроена, но вам нужно включить ее, а затем настроить. К счастью, это не сложно. Для наших примеров я использую страницу контактов из бесплатного пакета Poke Restaurant Layout Pack, доступного в Divi.

Откройте настройки модуля контактной формы, щелкнув темно-серый значок шестеренки , который появляется при наведении курсора.

На первой вкладке «Общие настройки» прокрутите вниз до пункта «Защита от спама» . Вы увидите две опции, которые вы можете включить:

• Воспользуйтесь службой защиты от спама
• Используйте базовую капчу

Служба защиты от спама требует настройки, а Basic Captcha работает «из коробки». Несмотря на то, что она требует настройки, я бы рекомендовал эту службу защиты от спама большинству пользователей Divi. Давайте рассмотрим подробнее, почему.

reCAPTCHA против базовой капчи

Хотя оба варианта обеспечивают защиту от спама, они сильно различаются по тому, как они работают и взаимодействуют с пользователями. Давайте посмотрим, что каждый делает и как они сравниваются.

Основная капча

Базовая капча содержит простое математическое уравнение и поле для ввода ответа. Это добавляет дополнительный шаг, с которым пользователи должны справиться перед отправкой сообщения. Некоторые пользователи пропускают форму и идут дальше. Кроме того, хотя это помогает уменьшить количество спама, оно не на 100% защищено от ботов, и вы, вероятно, все равно будете получать много спама.

Его легко настроить и использовать, и он широко используется в Интернете, поэтому пользователи знают, как его использовать. Это хороший вариант, особенно если у вас не так много пользователей. Если вам нужна лучшая защита и лучший пользовательский интерфейс, reCAPTCHA — лучший вариант.

reCAPTCHA

reCAPTCHA — это сервис Google. Более десяти лет его совершенствовали для обнаружения спам-ботов. Пользователям не требуется взаимодействовать с отдельным элементом в форме, чтобы доказать, что они люди. Вместо этого он использует данные адаптивных алгоритмов, основанных на оценке риска, чтобы определить, является ли посетитель реальным человеком или ботом.

Посетитель оценивается на основе этих данных. Если у них есть проходной балл, их форма отправляется. Если у них нет проходного балла, они увидят сообщение об обнаружении бота. Оценка может быть скорректирована для увеличения или уменьшения чувствительности.

Пользователям не нужно будет ничего делать, чтобы взаимодействовать с защитой от спама, поэтому она не повлияет на них. Сама форма выглядит нормально, но в правом нижнем углу экрана вы увидите значок, показывающий, что форма защищена reCAPTCHA. Значок расширяется при наведении, чтобы показать больше информации и предоставить ссылки.

Служба Google reCAPTCHA доступна для бесплатного использования до 1 миллиона оценок в месяц. У Google также есть корпоративная версия с более высокой точностью и параметрами настройки.

Воспользуйтесь службой защиты от спама

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

Это открывает новый набор опций, где вы можете выбрать поставщика услуг, выбрать учетную запись и установить минимальный балл. Рассмотрим подробнее каждую настройку.

Поставщик услуг

В нем перечислены все поставщики услуг, которых вы интегрировали. Просто выберите нужного провайдера. Если вы не интегрировали никаких провайдеров, будет отображаться только reCAPTCHA по умолчанию. В нашем случае reCAPTCHA — это тот провайдер, который нам нужен, поэтому нам не нужно вносить никаких изменений в провайдера услуг.

Аккаунт reCAPTCHA v3

Учетная запись reCAPTCHA v3 позволяет вам выбрать, какую учетную запись вы хотите использовать для этой проверки. Если у вас еще нет настроенных учетных записей, вы увидите большую кнопку ДОБАВИТЬ , где вы можете добавить учетную запись. Мы рассмотрим этот процесс в следующем разделе.

Минимальный балл

Минимальная оценка позволяет указать оценку для хорошего взаимодействия. Оценка 0 обычно означает плохое взаимодействие, например, бот. Плохие взаимодействия видят визуальную проблему, чтобы доказать, что они не бот. Оценка 1, вероятно, реальный человек, поэтому это считается хорошим взаимодействием. Вы можете настроить счет с шагом 0,1.

По умолчанию установлено значение 0,5. Это хорошее место для старта. Если у вас много ботов, корректируйте оценку на 0,1 до тех пор, пока они не перестанут быть проблемой. Если вы слышите жалобы на то, что ваши посетители видят сообщение о том, что они бот, снизьте оценку.

Как настроить reCAPTCHA

Давайте рассмотрим процесс настройки учетной записи reCAPTCHA и ее интеграции с модулем контактной формы Divi.

Создать аккаунт

Чтобы создать учетную запись reCAPTCHA v3, перейдите на страницу «О reCAPTCHA» и выберите ссылку в заголовке с надписью v3 Admin Console .

Далее вы увидите экран для создания reCAPTCHA . Добавьте заголовок, выберите reCAPTCHA v3, введите свой домен, примите условия обслуживания и нажмите «Отправить».

• Метка: название
• Тип reCAPTCHA: reCAPTCHA v3
• Домены: ваш домен
• Примите условия обслуживания

Добавление reCAPTCHA на ваш сайт

В вашей учетной записи reCAPTCHA теперь будут отображаться ваш ключ сайта и секретный ключ . Вам нужно будет скопировать их и добавить в модуль контактной формы по одному. Вам также нужно будет вставить имя вашей reCAPTCHA.

Чтобы добавить свою учетную запись reCAPTCHA, нажмите большую кнопку ДОБАВИТЬ под раскрывающимся списком выбора учетной записи.

Затем вставьте имя сайта , ключ сайта и секретный ключ в соответствующие поля. Щелкните Отправить . Теперь вы можете закрыть страницу Google reCAPTCHA, если вы еще этого не сделали. Ваша учетная запись reCAPTCHA теперь интегрирована с вашим модулем контактной формы Divi.

• Название сайта: название вашего reCAPTCHA
• Ключ сайта: ключ, предоставленный reCAPTCHA
• Секретный ключ: ключ, предоставленный reCAPTCHA

Выберите свою учетную запись

Затем выберите новую учетную запись в раскрывающемся списке «Учетная запись reCAPTCHA v3» .

Минимальный балл

Если вы уже использовали reCAPTCHA и получили много спам-комментариев, рассмотрите возможность изменения минимального балла . Я рекомендую начать с настроек по умолчанию и настроить их по мере необходимости. Закройте настройки модуля Divi Contact Form и сохраните свою работу. Обязательно протестируйте форму обратной связи.

• Минимальный балл: 0,5

Проверьте свою контактную форму

Затем проверьте свою контактную форму , чтобы убедиться, что она работает правильно. Вы увидите значок в правом нижнем углу, который информирует пользователя о том, что форма защищена reCAPTCHA. Посетитель с хорошим результатом сможет отправить свое сообщение как обычно.

Для этого примера я установил слишком высокую оценку, и он видит всех как ботов. Я установил для этого минимальный балл 1. Затем я снизил балл до 0,8 и смог отправить контактную форму. Вот как выглядит форма со слишком высоким значением счета.

Завершающие мысли

Это наш взгляд на то, как использовать reCAPTCHA для вашего модуля контактной формы Divi. reCAPTCHA v3 — лучший вариант, чем Basic Captcha. Оба обеспечивают хорошую защиту от спама, а модуль контактной формы дает вам возможность использовать любой из них, но reCAPTCHA — лучший вариант для улучшения UX и более тщательный. Это не идеально, поэтому вы все равно можете увидеть некоторые спам-комментарии, или ваши посетители могут быть заблокированы от использования вашей контактной формы. К счастью, в модуле контактной формы есть настройка, позволяющая контролировать чувствительность reCAPTCHA.

Ждем вашего ответа. Используете ли вы reCAPTCHA с модулем контактной формы Divi? Сообщите нам о своем опыте в комментариях.