Как добавить CAPTCHA на свой сайт

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

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

Различное несанкционированное использование вашего веб-сайта

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

• Использование ботов для размещения комментариев

• Автоматические рассылки через формы подписки/контактов

• Массовая регистрация аккаунтов на вашем сайте с поддельными адресами электронной почты.

Основной способ защитить свой веб-сайт и избежать этих уязвимостей — использовать скрипт CAPTCHA на своих веб-страницах.

Причины использовать CAPTCHA

Основная причина использования CAPTCHA на вашем сайте — установить подлинность посетителей вашего сайта. Это также гарантирует, что вы будете получать сообщения от реальных людей, а не от ботов. Многие автоматизированные агенты и скрипты были разработаны для вредоносных целей.

Их наличие на вашем веб-сайте будет излишне засорять ваш сайт и потреблять ресурсы для атаки на вас и ваших посетителей. Например, ваш сайт может испытывать постоянные сбои электронной почты в результате спама в форме обратной связи или регистрации большого количества поддельных учетных записей.

Все это повлияет на репутацию вашего сайта, включая доменное имя и IP-адрес хостинга cPanel. Эти и многие другие причины настоятельно рекомендуют использовать CAPTCHA.

Как CAPTCHA работает на вашем сайте

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

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

Какую CAPTCHA использовать наиболее эффективно?

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

Вы можете найти пакет подписки в разделе «Продукты» на странице Google Developers. В этом руководстве мы рассмотрим бесплатную версию сервиса reCAPTCHA CAPTCHA.

Шаги по добавлению reCAPTCHA на ваш сайт

Шаг 1: Прежде чем начать процесс, рекомендуется войти в свою учетную запись Google.

Шаг 2. Посетите страницу руководства разработчика в Google, чтобы приступить к добавлению reCAPTCHA на свой сайт.

Шаг 3. В небольшом обзорном разделе на странице «Руководство разработчика» нажмите ссылку «Подписаться на получение пары ключей API». Вы будете перенаправлены на другую страницу.

Шаг 4: Заполните информацию о своем веб-сайте на следующей открытой странице. Часть с «Ярлыком» — это название вашего веб-сайта на панели Google. В разделе «Домены» должно быть указано ваше существующее доменное имя, прикрепленное к вашему хостинг-плану.

Используйте только доменное имя без URL вашего сайта. Например, сайт happy.com. Затем проверьте «Условия использования», чтобы принять условия использования сервиса.

Шаг 5: На следующем экране есть коды секретного ключа и ключа сайта для использования. Скопируйте их в безопасное и легкодоступное место, прежде чем запускать настройку CAPTCHA на своем веб-сайте.

Следует отметить, что существует две версии Google reCAPTCHA — v2 и v3. Google reCAPTCHA v2 оценивает трафик и запрашивает установку флажка на странице при подозрительном использовании. Эта версия более удобна и надежна для мобильного контента.

Google reCAPTCHA v3 не требует заполнения каких-либо полей или установки каких-либо флажков. Он отслеживает и строит оценки для проверки активности пользователей на странице. Он функционирует в соответствии с поведением, которое соответствует правилам и рекомендует соответствующие задачи.

Обратите внимание, что обе версии представляют собой наборы скриптов, которые вы можете добавить на свой сайт для соответствующих страниц. Вы можете добавить функциональность с помощью модулей или плагинов на веб-сайтах CMS, таких как WordPress.

Шаг 6: Установите CAPTCHA на свой сайт WordPress. Для этого перейдите на свой сайт WordPress. Перейдите в раздел «Плагины» и нажмите на вкладку «Добавить новый». Найдите CAPTCHA в поле поиска. Вы должны выбрать версию плагина, совместимую с вашей версией WordPress.

Обычно система отмечает это автоматически. Итак, просто нажмите на нее. Если вы попытаетесь установить несовместимые версии плагинов, это может вызвать проблемы на вашем веб-сайте, в том числе сделать его недоступным для посетителей.

После установки вы можете интегрировать его с используемой контактной формой. По умолчанию защита CAPTCHA уже интегрирована в большинство известных плагинов контактов в WordPress. Он доступен в последней версии плагина Contact Form 7.

Шаг 7: Перейдите в панель администратора на своем веб-сайте и перейдите на вкладку «Интеграция» в разделе «Контакты». Здесь вы найдете дополнение reCAPTCHA. Нажмите на кнопку «Настроить интеграцию».

Шаг 8: Заполните данные, которые вы скопировали с панели инструментов Google Developers, в следующем окне и нажмите кнопку «Сохранить изменения».

Шаг 9: Перейдите в раздел «Контакты», нажмите на вкладку «Контактная форма» и выберите форму, которую хотите отредактировать.

Шаг 10: Вставьте [recaptcah] в указанный код в контактной форме и нажмите кнопку «Сохранить изменения».

Вывод

Вот и все, ваша CAPTCHA настроена и готова к работе. Всякий раз, когда кто-либо использует контактные формы на вашем сайте, всплывает CAPTCHA, чтобы проверить, являются ли они реальными людьми или ботами.

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