Как самостоятельно добавить Google reCAPTCHA на свой сайт?

Как самостоятельно добавить Google reCAPTCHA на свой сайт?

27.07.2020
15095
6 мин.
Deltahost Блог Как сделать сайт Как самостоятельно добавить Google reCAPTCHA на свой сайт?

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

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

Какие преимущества установки капчи на сайт?

Google reCAPTCHA

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

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

В то же время, для некоторых пользователей наличие капчей становится демотивирующим фактором, так как процесс введения занимает некоторое время. Также невозможно на 100 % исключить вторжение спамеров, так как сейчас есть открытые базы, с помощью которых подбираются варианты решения заданий. Принять решение об установке специальных проверочных кодов необходимо владельцам сайтов, предварительно взвесив все «за» и «против» этого способа защиты.

Основные виды капчи

reCAPTCHA

В сети представлено большое множество разнообразных капч, созданных на основе серверного языка программирования PHP, однако далеко не все из них являются по-настоящему удобными. Рассмотрим пять наиболее популярных вариантов.

Math Comment Spam Protection

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

CheckBot

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

Anti-Spam Image

Установка на веб-ресурс происходит при помощи плагина. Это капча с картинкой и специальным кодом. Допустим, одно из распространенных заданий — выбрать из 9 предложенных изображений только те, где сфотографированы автобусы (или что-то другое).

Очень старая капча, и этим объясняется ее несовершенство: многие фото выглядят неэстетично или являются нечеткими, из-за чего у пользователей иногда возникают сложности с вводом. Тем не менее, в связи с высоким уровнем эффективности инструмент до сих пор остается конкурентоспособным.

yaCAPTCHA

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

reCAPTCHA

Именно этот вид капчи является самым распространенным и удобным. Каждые сутки сотни миллионов пользователей сталкиваются с необходимостью пройти этот тест от Google.

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

Регистрация и получение ключей для reCAPTCHA

Чтобы начать работу с Google reCAPTCHA, нужно зарегистрироваться на веб-сайте https://www.google.com/recaptcha, после чего получить два ключа. Общий алгоритм действий представлен в такой последовательности:

  1. Открыть страницу https://www.google.com/recaptcha.
  2. Нажать на кнопку «Получить reCAPTCHA» (актуально для пользователей с активными гугл-аккаунтами, всем остальным придется дополнительно зарегистрироваться).
  3. Ввести названия домена и сайта в форму «Регистрация сайта».
  4. Нажать на кнопку «Регистрация», после чего будет сгенерировано два ключа.

Обратите внимание: первый полученный ключ является публичным, а второй — секретным. Публичный следует добавить в HTML-код сайта, секретный же нужен для установки связи скрипта сервера с сервисом reCAPTCHA.

Подключение reCAPTCHA к HTML-документу

Чтобы установить рекапчу на веб-сайт, необходимо произвести манипуляции на стороне клиента (в HTML-документе), а также на сервере. Подключить виджет капчи к странице можно, выполнив всего два несложных действия:

  1. Включить в JavaScript-страницу скрипт reCAPTCHA.
  2. Добавить элемент div.

На втором пункте следует остановиться более подробно. В элементе div необходимо добавить класс g-recaptcha и атрибут data-sitekey. При этом значением атрибута станет полученный ранее публичный ключ. Еще один важный идентификатор, с которым должен быть div, — id="recaptchaError«. Задача данного элемента заключается в том, чтобы отображать ошибки, которые могут возникнуть во время работы капчи. Помимо этого, надо внести изменения в файл script.js, чтобы корректно работала форма обратной связи.

Проверка страниц с поддержкой reCAPTCHA

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

  • контактные формы — для проверки следует перейти на страницу Contact Us;
  • формы отзывов — надо перейти на страницу одного из товаров и выбрать вкладку Reviews;
  • формы возврата — проверка на front end потребуется, чтобы убедиться, что товары возвращают реальные пользователи.

При правильном отображении на всех перечисленных выше страницах внизу будет прямоугольник с надписью «I’m not a robot» и возможностью поставить галочку.

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

Чтобы обеспечить всестороннюю безопасность интернет-ресурса, рекомендуем также заказать услугу аренды виртуального VPS сервера от хостинг-провайдера Дельтахост. Наша компания гарантирует сохранность личных данных, бесперебойную работу и постоянную техническую поддержку. Мощное оборудование, физическое расположение серверов в США, Нидерландах и Украине, готовые решения для различных бизнес-проектов также являются аргументами в пользу сотрудничества с хостинг-провайдером Deltahost.

Поделиться с друзьями

Deltahost
Deltahost - Facebook