Код капчи для сайта: Как установить капчу на свой сайт

  • Главная   /  Разное   /  
  • Код капчи для сайта: Как установить капчу на свой сайт

Код капчи для сайта: Как установить капчу на свой сайт

Содержание

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

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

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

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

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

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

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

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

В сети представлено большое множество разнообразных капч, созданных на основе серверного языка программирования 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.

Что такое Google reCAPTCHA? Как получить API ключи и установить капчу?

Взаимодействие с пользователем является важнейшей составляющей в процессе ведения своего сайта. Формы комментирования, формы обратной связи, регистрация и авторизация на сайте, процесс оформления заказа – все это относится к наиболее важным моментам взаимодействия с пользователями.

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

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

 

 

Краткий обзор CAPTCHA и reCAPTCHA

CAPTCHA – это аббревиатура от «Полностью автоматизированного публичного теста Тьюринга для различения компьютеров от людей» («Completely Automated Public Turing Test To Tell Computers and Humans Apart»). С помощью этого компьютерного теста можно эффективно определять, кто использует текущую систему – компьютер или человек, то есть выявлять так называемых «ботов».

Простейшие Капчи (CAPTCHA) выглядели так:

 

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

reCAPTCHA – это усовершенствованная форма CAPTCHA. Компания Google приобрела технологию CAPTCHA в 2009 году и впоследствии сменила ее название на reCAPTCHA. Первые CAPTCHA требовали от пользователя ввода символов, специально искаженных, полупрозрачных и с наложением шума (помех). Если пользователь правильно вводил в форму указанные символы, тогда его действия на сайте были авторизованы. Технология reCAPTCHA значительно упростила пользователям процесс прохождения теста. В основном, этот процесс заключается в том, чтобы пользователь отметил простой флажок, подтверждающий, что он «Не робот» («I’m not a robot»).

 

Бывает, что этого не достаточно для распознавания человека, тогда пользователю предлагается отобрать определенные объекты на изображении. Например, «Выберите все изображения, где есть пешеходные переходы». Или пожарные гидранты, или дорожные знаки и тому подобное.

Вот пример того, как может выглядеть тест reCAPTCHA:

 

 

reCAPTCHA – это бесплатная и общедоступная услуга антиспама от компании Google. Простота и эффективность API Captcha облегчает владельцам сайтов процесс борьбы со спамом в контактных формах, страницах авторизации (или регистрации) и формах комментирования. Также она помогает бороться с мошенничеством и злоупотреблениями на вашем сайте. С другой стороны, реальные пользователи смогут легко авторизоваться на сайте, делать покупки, просматривать, комментировать ваш контент, а фейковые пользователи будут заблокированы.

 

 

Какие есть варианты reCAPTCHA? Их стоимость

На сегодняшний день Google предлагает 3 версии капч, которые рассчитаны под разные потребности и бюджет:

  • reCAPTCHA Enterprise. Появилась в 2020 году. Эта версия позволяет обеспечивать защиту от мошенничества на всем сайте, не ограничиваясь лишь отдельными страницами. С помощью API ее можно интегрировать в мобильное приложение. Стоимость: устанавливается отдельно, в соответствии с объемом проверок (запросов). Ориентировочная стоимость – 1$ за 1000 запросов.
  • reCAPTCHA v3. Эта версия была представлена ​​в 2018 году. Она интегрирует простую проверку запросов пользователя, не требуя от него никаких действий, анализируя его поведение в фоновом режиме. Стоимость: бесплатно до 1 миллиона запросов (проверок) в месяц (
    примечание: ограничения могут меняться    ).
  • reCAPTCHA v2. Это улучшенная версия простых капч, появившаяся в 2012 году, и которая на сегодняшний день остается самой популярной версией капчи. reCAPTCHA v2 проверяет, не является ли пользователь «роботом», с необходимостью выбора отметки «Я не робот» («I’m not a robot»). Примеры этой CAPTCH’и рассмотрены выше. Стоимость: бесплатно до 1 миллиона запросов (проверок) в месяц (примечание: ограничения могут меняться).

 

 

 

Как получить ключи для использования reCAPTCHA API?

Чтобы добавить Google reCAPTCHA на свой сайт, вам понадобятся два ключа API. Для получения этих ключей зайдите на сайт Google reCAPTCHA. Нажмите кнопку Консоль администратора (Admin Console) в верхнем меню главной страницы. Учтите, что для доступа вам понадобится аккаунт Google (если у вас есть почта GMail, значит у вас уже есть такой аккаунт). После авторизации вы увидите страницу «Зарегистрировать новый сайт» (Register a new site).

 

 

На этой странице вам нужно ввести информацию о вашем сайте. Сначала введите имя сайта или любое другое название в разделе «Ярлык». Это название используется для простой идентификации своего сайта.

Затем выберите нужный тип reCAPTCHA: версию 2 (v2), или версию 3 (v3). При выборе второй версии вы увидите три доступных варианта:

  • Флажок «Я не робот» – выполнять проверку запросов с помощью флажка «Я не робот»
  • Невидимый значок reCAPTCHA – выполнять проверку запросов в фоновом режиме
  • reCAPTCHA для Android – выполнять проверку запросов в приложении для Android

 

Для третьей версии проверка запросов выполняется с учетом оценок, в фоновом режиме.

В разделе Домены

укажите основной домен вашего сайта (без https, www или порта). Google зарегистрирует указанный домен и все его поддомены. Например, если вы укажете адрес example.com, также будут зарегистрированы и subdomain.example.com. Вы также можете добавить несколько доменов или поддоменов, нажав на значок плюс (+).

В разделе Владельцы будет указано текущий электронный адрес, вы также можете добавить другие электронные адреса.

Затем вам нужно принять Условия использования reCAPTCHA, чтобы добавить сервис на свой сайт.

Также выберите флажок «Отправлять владельцам оповещения», чтобы позволить Google присылать вам электронные письма, если будут выявлены какая-либо неправильная конфигурация или подозрительная активность.

После заполнения формы вы можете нажать кнопку Отправить, чтобы зарегистрировать свой сайт (или сайты).

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


Теперь вы можете использовать эти API ключи на своем сайте.

 

 

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

Теперь, когда у вас есть ключи API сервиса капчи, пора реализовать этот инструмент на своем сайте.

Самый простой способ добавления капчи от Google – это отображение виджета reCAPTCHA в автоматическом режиме (для reCAPTCHA v2). Для этого вам нужно добавить соответствующий скрипт JavaScript api.js на страницу (желательно в секции HEAD) и добавить в нужную форму (комментирования, регистрации и т.д.) дополнительный блок DIV с классом g-recaptcha и атрибутом data-sitekey (значением этого атрибута будет ключ вашего сайта, который вы получили при регистрации выше).

Пример простой реализации reCAPTCHA на своем сайте:

<html>
 <head>
  <title>Простой пример реализации reCAPTCHA на сайте</title>
  <script src="https://www.google. com/recaptcha/api.js" async defer></script>
 </head>
 <body>
  <form action="здесь укажите обработчик вашей формы" method="POST">
   <!-- другие элементы формы -->
   <div data-sitekey="ключ API для вашего сайта"></div>
   <input type="submit" value="Отправить">
  </form>
 </body>
</html>

 

 

Сохраните свою HTML форму (со своими данными) и на вашем сайте будет успешно реализовано Google reCAPTCHA. Примите наши поздравления!

После того, как капча начнет работать, вы также сможете отслеживать статистические данные этого сервиса в инструменте Аналитики Google reCAPTCH’и.

 

 

 

Подведение итогов

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

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

Кроме того, установить и активировать этот сервис очень просто, и вы можете сделать это менее чем за один час, и реализовать на своем сайте эффективное антиспам программное обеспечение.

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

Если вы хотите узнать о внедрении Google reCAPTCHA на сайте WordPress, по ссылке вы найдете детальную инструкцию.

Спасибо, что читаете нас!

 

 

Теги: Google, HTML5, Web

  • 3210