Сайт

Как поставить капчу на сайт: reCAPTCHA. Как установить на сайт?

05.04.2021

Содержание

Как установить reCAPTCHA на сайт

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

Что такое капча reCAPTCHA

reCAPTCHA — это продолжение проекта CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) — полностью автоматизированный публичный тест Тьюринга для различения компьютеров и людей) — компьютерный тест, используемый для того, чтобы определить, кем является пользователь системы: человеком или компьютером. Основная идея теста: предложить такую задачу, которая с лёгкостью решается человеком, но крайне сложна и трудоёмка для компьютера.  

После обновления в 2015 пользоваться reCAPTCHA (No CAPTCHA ReCAPTCHA) стало гораздо проще. Теперь достаточно поставить галочку «Я не робот» / «I’m not a robot»:


Кстати, сейчас Google тестирует новую версию, именуемую reCaptcha Invisible.


Суть обновления в том, что

теперь нет необходимости что-либо делать, чтобы подтвердить, что вы человек, если у «капчи» нет сомнений в вашей «человечности».

Проект находится на стадии бета-версии, но им уже можно пользоваться.

Как установить reCaptcha на сайт

Для установки reCAPTCHA на ваш сайт воспользуйтесь документацией от разработчиков Google. Там вы также найдёте дополнительные данные о персональной настройки reCAPTCHA. Для пользователей Moguta.CMS ниже приведена подробная инструкция.

Как установить reCAPTCHA к шаблону Moguta

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

Шаг 1

  1. Заходим в административную панель;
  2. Настройки -> Опции;
  3. Находим строчку «Использовать капчу»;
  4. Ставим галочку;

Шаг 2

Для начала вам понадобится API key, так что заходим сюда (Необходимо зарегистрироваться в Google) Вам будет предложено зарегистрировать свой сайт и домен. Они зарегистрируют указанный вами домен, а также все поддомены. Например, если вы укажете адрес domen.ru, они также зарегистрируют poddomen.domen.ru


Шаг 3

После этого вы получите ключ сайта и секретный ключ:

Шаг4

Под ключами вы увидите несколько фрагментов для включения reCAPTCHA на вашем сайте.

JavaScript:

  1. Заходим на хостинг;
  2. Переходим в директорию mg-templates/mg-default/;
  3. Находим файл template.php;
  4. в этом файле вставляем строчку в тег <head>:
  5. Переходим по адресу mg-templates/mg-default/views;
  6. Находим файл feedback.php;
  7. В этом файле находим форму;
  8. В форме удаляем стоковую капчу и заменяем ее на;
  9. Обратите внимание, что в атрибут data-sitekey надо занести значение вашего ключа;
  10. Далее идём в директорию mg-core/lib/;
  11. Копируем файл recaptchalib.php в mg-core/lib/;
  12. Находим блок в mg-core/models/feedback.php:
  13. Заменяем его на этот код:
  14. Если вы всё сделали правильно, то у вас на сайте появится окно reCAPTCHA.

Заключение

Теперь вы знаете как установить reCAPTCHA на сайт, а также на Moguta.CMS. Если у вас появятся какие-либо вопросы пишите в комментариях, до новых встреч!

Создайте свои интернет-магазин в два клика!

Как установить капчу на сайт WordPress используя плагин reCAPTCHA in WP comments form : WEBCodius

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

Одним из методов борьбы со спамом, является установка плагина Акисмет. Этот плагин отсеивает большинство спамных комментариев. Но и он может дать сбой.

Другой метод, это полное отключение комментариев на сайте. Но поскольку поисковикам все-же нравятся нормальные комментарии на сайте, то этот путь не является наилучшим.

Но есть и другой путь, это установка капчи на сайт.

Что такое капча?

Капча, это технология для разделения роботов и людей. Само слово Капча пошло от английского CAPTCHA, которое расшифровывается как Completely Automated Public Turing test to tell Computers and Humans Apart – Полностью автоматизированный публичный тест Тьюринга для разделения компьютеров и людей.

В свою очередь, Гугл запустил в 2009 году технологию распознавания с названием ReCAPTCHA.

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

Гугл сделал эту технологию публичной. Так что, вебмастера могут с её помощью защитить контактные страницы, страницы входа в админку и блок комментариев от взлома и от спама.

И если у вас сайт на WordPress, то вы легко можете добавить ReCAPTCHA на сайт.

Установка ReCAPTCHA

Для установки ReCAPTCHA вам нужно установить плагин reCAPTCHA in WP comments form. Установите и активируйте этот плагин.

После этого, в меню настроек появится новый пункт.

Зайдя на него, вы увидите что плагин просит ввести Google reCAPTCHA API пару ключей.

Получение ключей Google reCAPTCHA.

Для получения ключей, переходим на сайт Google reCAPTCHA и кликаем по кнопке Admin Console, которая находится в правом верхнем углу.

Для входа вам потребуется аккаунт Гугл. После ввода своих данных, вы увидите форму с регистрацией сайта. И вам будет необходимо заполнить ряд полей.

В начале, вам нужно ввести название своего сайта или любое другое название. Это название для вас самих и другим оно не будет видно.

Вам нужно выбрать радио кнопку reCAPTCHA V2. После выбора этой кнопки, у вас дополнительно откроется выбор из трех значений. Поскольку вы хотите добавить на свой сайт чекбокс «Я не робот», то вам нужно выбрать первое значение.

Далее вам нужно ввести адрес своего сайта или сайтов. Это можно сделать нажав на значок +. В таком случае, в дальнейшем, вы сможете использовать один API ключ на нескольких разных сайтах.

Поставьте обе галочки и нажмите кнопку Отправить.

Теперь откроется окно, в котором будет пара ключей: ключ сайта и секретный ключ сайта.

Добавление reCAPTCHA в форму комментариев WordPress.

Снова перейдите в панель управления своим сайтом в меню настроек. Выберите пункт reCAPTCHA in comments.

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

И последняя вещь, которую вам нужно сделать, это активировать плагин и сохранить изменения.

Также вы можете сделать базовые визуальные настройки, выбрав пункт reCAPTCHA Customizer.

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

Вот и все! Теперь ваши комментарии под защитой. Вы можете убедится в этом, проверив свой блок для комментариев.

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

Настройка капчи — База знаний uCoz

Настройка капчи

  1. Типы капчи 
  2. Как подключить reCAPTCHA (для сайтов с подключённым доменом)
  3. Как отключить капчу

Типы капчи

CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart – полностью автоматизированный публичный тест Тьюринга, позволяющий различать компьютеры и людей). Капча затрудняет выполнение автоматических действий: авторегистрация, ввод данных, спам и др.

Конструктор сайтов uCoz предоставляет пять видов капчи на выбор:

  • Стандартный, Простой, Сложный, Арифметический и reCAPTCHA.

Для изменения и выбора типа капчи авторизуйтесь в Панели управления (http://ваш сайт/admin) — Настройки — Системные — Код безопасности (капча). Выберите оптимальный вид капчи и сохраните.

  • Если у вас на сайте мало спама, вам подойдет Стандартный, Простой или Арифметический вид капчи.
  • Если у вас на сайте мало спама и активность пользователей не подразумевает частого введения капчи, вам подойдет Сложный вид капчи.
  • Если на сайте много спама или наблюдается его резкое увеличение, вам нужно выбрать reCAPTCHA.

Как подключить

reCAPTCHA (для сайтов с подключённым доменом)

При наличии подключенного домена к сайту необходимо обязательно получить и установить свои ключи! 
Для получения ключей перейдите по ссылке в Панели управления (Настройки — Системные — Код безопасности (капча) — reCAPTCHA) получить API-ключи.

Управление ключами ReCaptcha API

Регистрация сайта

В поле “Ярлык” введите текст названия для вашего сайта, под каким именем будут выданы эти ключи. Введенное название в данном поле,  будет отображаться в списке сайтов, к которым подключена reCAPTCHA.

Так же важный этап, в пункте «Тип reCAPTCHA», выбрать «reCAPTCHA v2», если выберите 3 версию, она у вас на сайте работать не будет.



В поле “Домены” введите адрес вашего сайта как показано на скриншоте выше под цифрой 3 (в примере показан другой сайт, вы вводите свой).

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

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

После завершения регистрации вы переместитесь на страницу настроек. Вам понадобится первый пункт: Добавление reCAPTCHA на сайт — Ключи.

Вам понадобится только Ключ и Секретный ключ.

Для завершения настроек и вставки ключей перейдите в Панель управления (Настройки — Системные — Код безопасности (капча) — reCAPTCHA).

  • В поле “Ключ” вставьте скопированное значение одноименного поля настроек reCAPTCHA.
  • В поле “Секретный ключ” вставьте скопированное значение одноименного поля настроек reCAPTCHA.

Сохраните настройки.

Как отключить капчу

По умолчанию код безопасности (капча) не показывается при добавлении материалов, сообщений на форуме и комментариев для следующих групп пользователей: “Проверенные”, “Модераторы”, “Администраторы” и “Друзья сайта”. Для группы “Гости” невозможно отключить код безопасности.

Если вы хотите отключить капчу для группы “Пользователи” или подключить её для созданных вами групп, авторизуйтесь в Панели управления —

ПользователиГруппыВыберите нужную группуПраваРазноеНе показывать код безопасности — Активируйте или деактивируйте настройку и сохраните.

В настройках расширения “Мини-чат” можно подключить или отключить показ кода безопасности для системной группы “Пользователи”.

Настройка капчи

Установка reCAPTCHA на сайт под управлением 1С-Битрикс

ШАГ ПЕРВЫЙ.

Необходимо иметь аккаунт Google, если его нет – то заводим. Далее, переходим в личный кабинет ReCaptcha Google по ссылке — https://www.google.com/recaptcha/admin#list и добавляем сайт на который будет установлена ReCaptcha. После добавления сайта вы получите два ключа, которые будут нам нужны далее. В общем, заполняем форму ниже.

Жмем кнопку «Регистрация» и получаем заветные ключи.

Ниже ставим настройки ключа самые надежные и жмем сохранить. Смотрим на картинку, отметил.

ШАГ ВТОРОЙ.

Добавляем скрипт с русским языком в форму, а именно в наш шаблон. Именно в форму, чтобы он не загружался на каждой страницестранице — . Атрибут «async» — браузер запускает скрипт асинхронно. Указанный скрипт будет выполняться без ожидания загрузки и отображения всей веб-страницы, веб-страница также не ожидает результата выполнения скрипта, а продолжает загружаться в обычном режиме. Атрибут «defer» — выполнение скрипта откладывается до тех пор, пока вся страница не будет загружена полностью. Смотрим картинку, отметил.

Далее, в этом же шаблоне прописываем вызов виджета, на картинке отметил.

Получаем вот такую форма обратной связи.

ШАГ ТРЕТИЙ.

Теперь надо проверить включена ли captcha в параметрах компонента.

Скачиваем библиотеку ReCaptcha тут https://github.com/google/recaptcha

из этой библиотеки нам понадобятся только файлы из директории SRC, а именно autoload.php и директория ReCaptcha.

и копируем их в /bitrix/php_interface/include/, причем директорию /include/ нужно создать, ее там изначально не будет.

Подключаем. Требуется создать файл init.php, потому как у меня его нет. Вопрос — Почему? Тогда смотрим на картинку и кому интересно — читаем и собственно создаем файл. В данном файле будут хранится переменный наших ключей и мы их сможем вызвать в любом компоненте, который будет использовать ReCaptcha.

В init.php вписываем переменные.

ШАГ ЧЕТВЕРТЫЙ.

Редактируем компонент. Желательно это делать НЕ в общем компоненте, чтобы потом при обновлении данного компонента наш код не затерся, а добавляем свой компонент, т. е. иными словами копируем стандартный и редактируем его под свои нужды. Компоненты располагаются вот тут : /bitrix/components/bitrix/*.*
Я буду использовать main.feedback

поэтому я копирую main.feedback —> main.feedback.recapcha

Подключаем новый созданный компонент в 1С-Битрикс и копируем при редактировании шаблон по умолчанию “.defaul” —> в “feedback_form”, чтобы была возможность редактировать шаблон.

Получается вот такой код вызова компонента.

Теперь редактируем непосредственно сам файл — /bitrix/components/bitrix/main.feedback.recapcha/component.php. Ищем строку где вызывается CAPTCHA, комментируем стандартный код вызова 1С-Битрикс и пишем свой. Для наглядности я оставил закоментированный код, чтобы видно было. Смотрим картинку ниже.

Все должно работать ))) Успехов.


Как я установил Гугл Капчу и сервис рекапчи на сайт – Сергей Арсентьев

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

Традиционно на данный момент все настраивают именно Google Recaptcha (произносится как «Гугл Рекапча»).

Она бесплатная, простая и всем знакомая.

Поэтому ее и будем использовать для установки на сайт.
Я работаю с WordPress и Opencart, и сейчас рассмотрю процесс установки рекаптчи именно в этих системах.

Первые шаги

Идем сюда https://www.google.com/recaptcha/admin
Если еще нет аккаунта Google — придется создать его.

Далее вам предложат выбрать что поставить: Recaptcha v3 или Recaptcha v2

Ставьте v3 (капчу третьей версии) — она удобнее для ваших пользователей, в ней не требуется вообще ставить традиционную галочку или кликать по картинкам.

Такая капча не видна для 99% «порядочных» пользователей, а появляется только для тех, кого Гугл посчитает роботом.

Это очень удобно.
Можно отправлять любые формы и не заморачиваться с каптчей.
А вот спам-боты уже столкнутся с защитой.

Кстати, похоже работает и Recaptcha v2 — в режиме «Невидимая рекаптча», но Recaptcha v3 более продвинутая и по заверениям многих владельцев сайта удаляет больше спама, но работает на везде, например, в Opencart 2 и 3 из коробки она не работает.

Recaptcha v2

Recaptcha v3

Настройки

Итак, выбрали ReCaptcha V3, как-то сверху обозвали свой проект (например, «Гугл Капча 3» или «Мой сайт») и затем вводите свой домен, на который устанавливается каптча.

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

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

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

Жмем «Открыть настройки» и выбираем еще флажок «Разрешить использование Гугл капчи на AMP страницах», может пригодится, если будете использовать формы в AMP (как ускорить сайт с AMP в 10 раз).

Далее остается добавить ключи на сайт и подождать до 20-30 минут на обновление данных на стороне Google, если сразу капча не подтянулась.

Добавление ключей капчи в WordPress

99% всех шаблонов на WordPress содержит поля, куда можно добавить ключи гугловской капчи.

Чаще всего это:

  1. Плагин Contact Form или Wp Forms.
  2. Собственные настройки шаблона.

Contact Form

Смотрим слева в панели админа — есть плагин Contact Form или нет.
А, вот он!

Жмем на «Интеграция» и видим удобные поля для размещения ключей.

Вставляем по очереди каждый ключ и сохраняем.

Всё готово.
Теперь во всех формах, которые работают с помощью плагина Contact Form, будет автоматическая невидимая капча.

В WP Forms всё аналогично.

Собственные настройки шаблона

Если нет плагина форм типа Contact Form или подобного, то уточните у разработчика шаблона или сайта: «Куда мне ввести ключе гугл капчи» и вам подскажут.

Вот, например, как это может добавляться в настройках темы:

Добавляете ключи в соответствующие поля и каптча готова к использованию.

Добавление ключей капчи в Opencart

Тут еще проще, потому что добавление гугловской капчи версии 2 поддерживается на уровне самого движка, не нужны ни специальные темы, ни сторонние модули.

Важно!
Google Recaptcha ver 3 — не работает на Opencart.
Если введете ключи от нее в стандартные поля, то увидите «Ошибка: неверный ключ«.
Возможно, в будущих версиях подружат новую каптчу и опенкарт, а сейчас надо ставить только рекапчу версии 2.

Открываем, например, админку Opencart 3  и ищем слева меню «Расширения», а в нем еще раз подпункт «расширения» — и там в выпадающем списке находим «Капча».

Там внутри будет Google Recaptcha и Basic Captcha.
Нам нужна именно гугловская — если это расширение не активно — активируем его.

Теперь переходим внутри (синяя кнопка редактировать) и вводим ключи. Сохраняем.

Убедитесь что напротив Google Recaptcha есть слово «по умолчанию». Это значит, что будет использоваться именно эта капча.

Если нету этого слова, то открывайте основные «Настройки» магазина.

И на вкладке опции — в самом низу выберете Google Recaptcha вот так:

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

Обычно или сразу, или через несколько минут Google Recaptcha вступает в действие.

Как понять что капча работает:

Гугл Капча 2 версия: появляется знакомое поле для флажка «я не робот». Можно также использовать невидимую каптчу.
Гугл капча 3 версия: изначально невидимая, но появляется справа внизу плавающий стикер, который имеет смысл отдельно скрыть через css, чтобы не маячил.

Возможные проблемы

Основные трудности, которые я встречал при установке гугловской капчи.

«Неверный ключ домена»
Значит не правильно прописаны ключи.
Или не те, что надо. Или не всё скопировалось. Или не в те поля.
Или просто надо подождать минут 20.
Или вы всё-таки забили на то, что я написал ранее, и всунули Рекаптчу 3 в Opencart

«Гугл Капча 2 версии часто появляются картинки»
Если вы решили поставить привычную вторую версию рекапчти, иногда можно заметить, что после клика на привычный флажок «Я не робот» вдруг появляются невнятные картинки из серии «найди светофор» или «найди все мосты» и т.п.

В этом случае Google Recaptcha считает, что вы и ваши посетители очень похожи на роботов и предлагает усложненное задание. Это ухудшает конверсии (не забываем 5 простых способов повысить конверсии), поэтому при настройке второй версии каптчи лучше изначально выбрать уровень безопасности как «простой». Это делается в настройках рекаптчи простым перетягиванием ползунка.

В версии 3 такой настройки в Google нет, там уровень безопасности от 0 до 1 определяют сами плагины и модули, если в них встроен такой функционал (в WordPress в плагине WP Forms я его встречал, в Opencart не видел).

«Recaptcha не работает»
Установили капчу, а спам всё равно валится? Скорее всего, есть где-то форма, в которую разработчик сайта забыл поставить рекаптчу.
Чаще всего, это происходит в магазинах Opencart, потому что форм много: регистрация, быстрый заказ, обратный звонок, нашли дешевле и т.п. Банально программист мог забыть куда-то что-то дописать.

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

Если ничего не помогло — то на кворк обратитесь, вам за 500р поставят капчу с гарантией результата.

Видео

Вот еще видео как я ставил гугл рекапчу v2 на готовый магазин Opencart 3

Выводы и итоги

Избавиться от спама можно и нужно, причем бесплатно.
Я включал в 30+ магазинах и сайтах Google ReCaptcha как версии V2 так и V3 — результат очень хороший. Спам или пропадал совсем или уменьшался до каких-то эпизодических случаев.

Из минуса Гугл Капчи 3 версии можно отметить, что справа начинает болтаться спойлер — бейдж от Google, в котором расписаны условия конфиденциальности.

Вот так:

Чтобы его отключить можно добавить в CSS сайта строчку:

.grecaptcha-badge {display: none !important;}

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

В результате блок визуально не отображается на сайте и не отвлекает посетителей от ценного контента


Успехов в бизнесе!

Установка reCaptcha на свой сайт


1. В конструкторе форм щелкните Добавить элемент формы


2. Найдите Captcha в своем поле и добавьте его перетащите и отпустите. Вот и все! 🙂


Что такое Google Invisible reCAPTCHA в свойствах Captcha?

Это усовершенствованная технология reCaptcha от Google, которая позволяет отличать людей от ботов без дополнительных действий со стороны пользователя. Невидимая reCaptcha активируется только тогда, когда шаблоны просмотра пользователя в некотором роде подозрительны. Вот как включить Google Invisible reCAPTCHA.

Что такое JotCaptcha?

Это собственная капча JotForm в качестве альтернативы. Если вы хотите использовать простую капчу, когда пользователи вводят текст только из предоставленного изображения, вы можете переключиться на JotCaptcha.

Примечание. Если пользователь вводит ПРАВИЛЬНЫЙ JotCaptcha, форма будет отправлена ​​сразу.Однако, если введенная JotCaptcha НЕПРАВИЛЬНА, это приведет к вторичной JotCaptcha, которая появится в середине страницы. Если действующая капча будет введена правильно во второй раз, заявка будет принята.



Когда вы используете поле CAPTCHA, вам не нужно устанавливать его в качестве обязательного поля. Когда вы помещаете его в форму, он уже автоматически становится «обязательным».

У нас также есть несколько дополнительных виджетов для ввода капчи, которые вы можете использовать.Вы можете проверить их ниже:

Math Captcha

Drawing Captcha

Как все прошло? Пожалуйста, поделитесь своими мыслями и опытом в разделе комментариев ниже.

Спасибо за помощь в улучшении руководств пользователя JotForm.

Обратиться в службу поддержки:

Наша служба поддержки клиентов работает круглосуточно и без выходных, а среднее время ответа составляет от одного до двух часов.

С нашей командой можно связаться по телефону:

Как интегрировать Google Invisible reCAPTCHA на ваш сайт WordPress

Хотя веб-тенденции постоянно меняются, одно можно сказать наверняка: спам всегда будет.

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

Первые CAPTCHA были введены в 1997 году и какое-то время действовали. Однако ранние версии CAPTCHA не успевали за развитием современных технологий. Чаще всего боты научились просто обходить CAPTCHA, заражая веб-сайты и ломая серверы.

У

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

Источник изображения

Ты умеешь читать первое слово? Я не уверен, что смогу.

К счастью, эксперты по безопасности работают над лучшими решениями. После нескольких итераций собственных CAPTCHA (называемых «reCAPTCHA») Google представил Invisible reCAPTCHA. Этот бесплатный сервис автоматически подавляет спам и позволяет посетителям беспрерывно просматривать страницы без раздражающих тестов.

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

Что такое Google Invisible reCAPTCHA?

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

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

Затем Google создал reCAPTCHA v2, которая включает в себя задачу «Я не робот» — посетители веб-сайта просто устанавливают флажок, чтобы продолжить, и CAPTCHA обнаруживает ботов, отслеживая движение мыши к полю. Люди склонны перемещать мышь изогнутыми, неправильными движениями, в то время как боты перемещают курсор по прямым линиям.

Источник изображения

Хотя версия 2 была довольно эффективной, Google продолжал разрабатывать более надежный способ борьбы со спамом. Представленная в 2018 году, Invisible reCAPTCHA (или reCAPTCHA v3) использует внутреннюю систему оценки для обнаружения злонамеренного трафика и не требует дополнительных действий со стороны пользователя.

Зачем использовать Google Invisible reCAPTCHA в WordPress?

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

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

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

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

Invisible ReCAPTCHA не прерывает посетителей контрольными вопросами, нечеткими словами или флажками. Посетители просматривают ваш сайт в обычном режиме, а Google обрабатывает обнаружение ботов за кадром. Это лучшее из обоих миров, и его можно использовать совершенно бесплатно.

Как добавить Google reCAPTCHA в WordPress

Добавление невидимой reCAPTCHA на ваш сайт WordPress — довольно простой процесс — вам просто понадобится учетная запись Google и плагин WordPress reCAPTCHA.В этом руководстве мы будем использовать плагин reCaptcha от BestWebSoft, самый популярный плагин для этой цели.

Источник изображения

Другие популярные варианты плагина reCAPTCHA включают Invisible reCaptcha для WordPress, который интегрируется с BuddyPress, Gravity Forms и Contact Form 7, а также Simple Google reCAPTCHA. Все эти плагины устанавливаются одинаково, и все они имеют схожие возможности. Все они бесплатны, так что вы можете попробовать различные варианты, чтобы увидеть, какой из них вам больше нравится.

Чтобы начать работу с плагином reCaptcha от BestWebSoft:

1. Войдите в свою панель управления WordPress.

2. В разделе «Плагины »> «Добавить новый » установите и активируйте плагин reCaptcha by BestWebSoft. Это добавит новую опцию reCaptcha в вашу панель администратора.

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

4. На странице регистрации заполните обязательные поля. Здесь вы можете выбрать между reCAPTCHA v2 или reCAPTCHA v3 . Для Invisible reCAPTCHA выберите reCAPTCHA v3 . По завершении нажмите Отправить .

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

6. Вернитесь на панель управления WordPress и выберите reCaptcha> Настройки . В разделе Аутентификация вставьте ключ своего сайта и секретный ключ в соответствующие поля.

7. В разделе General выберите свою версию reCAPTCHA на основе того, что вы выбрали при регистрации для ключей. Для Invisible reCAPTCHA выберите Invisible .

8. Выберите, где на вашем сайте вы хотите разместить reCAPTCHA.В бесплатной версии этого плагина вы можете разместить reCAPTCHA в форме входа в систему, форме регистрации, форме сброса пароля и / или форме комментариев.

Платная версия плагина также позволяет размещать reCAPTCHA в формах, предоставляемых дополнительными плагинами, такими как WooCommerce.

Вы также можете скрыть reCAPTCHA с помощью роли пользователя WordPress и скрыть значок reCAPTCHA на активных страницах. Установите соответствующие флажки, если это относится к вам.

9. В нижней части экрана нажмите Сохранить изменения .

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

Защитите свой сайт WordPress от спама

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

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

Как добавить reCAPTCHA в контактную форму Bootstrap

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

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

Почему Google reCAPTCHA

Возможно, вы захотите использовать обычную автономную систему CAPTCHA, но лучше использовать Google reCAPTCHA разными способами, почему? Потому что он обеспечивает современную защиту от спама и злоупотреблений. Он очень прост в использовании, ваши пользователи не будут раздражаться и в то же время убережет ваш сайт от спамеров.

Руководство Step by Step:

  • Регистрация в Google reCAPTCHA
  • Добавление reCAPTCHA JavaScript API в HTML
  • Добавление ключа сайта в HTML-форму
  • Добавление «секретного ключа» в файл PHP.

Шаг 1. Регистрация в Google reCAPTCHA

Во-первых, вам нужно зайти в панель Google reCAPTCHA. Нажмите на синюю кнопку «Получить reCAPTCHA» вверху. Дайте ярлык вашему проекту. Затем выберите тип reCAPTCHA, который вы хотите использовать.reCAPTCHA v2 оказалась более успешной и принята сообществом разработчиков. Так что мы продолжим. В поле «Домен» добавьте домены, для которых требуется reCAPTCHA. Поскольку мы делаем это на localhost, мы поместим здесь «localhost» (вы можете указать доменное имя своего сайта). Теперь примите Условия использования reCAPTCHA и нажмите «Зарегистрироваться».

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

Шаг 2. Добавление reCAPTCHA JavaScript API в HTML

Теперь вам нужно вставить JavaScript API в тег заголовка вашей страницы html . Взгляните на картинку ниже.

Теперь вставьте его в тег заголовка.

    

Шаг 3. Добавление ключа сайта в HTML-форму

Следующим шагом будет объявление div для Google reCAPTCHA.Мы добавим его в нижнюю часть нашей формы, прямо над кнопкой отправки. Скопируйте код div из панели reCAPTCHA.

Шаг 4: Добавление «секретного ключа» в файл PHP.

Основная работа сделана, теперь вам нужно добавить секретный ключ в свой PHP-код.

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

СКАЧАТЬ ИСТОЧНИК КОД

Теперь вам нужно сделать две вещи. Сначала в файле « index.html » поместите ключ своего сайта в div . Затем в файле « mail.php » поместите секретный ключ в переменную $ secretKey и измените адрес электронной почты назначения переменной $ mail_to . Обратите внимание, поскольку мы указываем localhost в качестве имени нашего домена, если вы не поместите файлы проекта в папку htdocs, reCAPTCHA не будет работать.

Важное примечание: Чтобы использовать Google reCAPTCHA, на вашем веб-сайте должна быть включена безопасность SSL.

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

Как выбрать капчу в WPForms

Хотите, чтобы спамеры не заполняли ваши формы? WPForms упрощает добавление защиты от спама в ваши формы с помощью нескольких вариантов CAPTCHA.

В этой статье мы рассмотрим различия между встроенными интеграциями CAPTCHA в WPForms: reCAPTCHA и hCaptcha.


reCAPTCHA

reCAPTCHA — это бесплатная служба защиты от спама, предоставляемая Google. Для ваших форм доступны три типа reCAPTCHA: v2 Checkbox reCAPTCHA, v2 Invisible reCAPTCHA и v3 reCAPTCHA.

v2 Флажок reCAPTCHA

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

v2 Невидимая reCAPTCHA (рекомендуется)

Когда используется Invisible reCAPTCHA, пользователь не видит никаких дополнительных полей в вашей форме (без флажка).В правом нижнем углу экрана добавлен небольшой значок, который ссылается на условия обслуживания и политику конфиденциальности Google.

Как и в случае с флажком v2 ReCAPTCHA, в v2 Invisible reCAPTCHA в некоторых случаях будет просить пользователя ответить на вопросы, основанные на изображениях, чтобы убедиться, что он не является спам-ботом.

v3 reCAPTCHA

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

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

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

Поскольку существует вероятность того, что v3 reCAPTCHA может помешать некоторым законным пользователям отправлять ваши формы, мы рекомендуем использовать v2 Invisible reCAPTCHA на большинстве сайтов. v3 reCAPTCHA рекомендуется только для опытных пользователей, по рекомендации службы поддержки или при использовании Google AMP.

hCaptcha

hCaptcha — это бесплатная альтернатива reCAPTCHA, которая, как известно, сосредоточена на конфиденциальности пользователей — они собирают только необходимые пользовательские данные и четко указывают, какую информацию они собирают (и как они ее используют).

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

В зависимости от активности пользователя и ваших настроек сложности, hCaptcha может также иногда просить пользователя ответить на вопросы, связанные с изображениями, чтобы подтвердить, что он не бот.

hCaptcha предлагает вам контролировать сложность задачи с изображением, от простого до постоянного. Каждый уровень сложности влияет на то, как часто ваши пользователи будут видеть проблему с изображением.Например, установка значения Always On означает, что пользователю всегда будет предлагаться проблема с изображением, а установка значения Easy означает, что пользователю будет отображаться проблема с изображением только изредка.

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

Вот и все! Мы надеемся, что это руководство помогло вам разобраться в различных вариантах CAPTCHA, доступных в WPForms.

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

Стоит ли использовать CAPTCHA?

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

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

Подводя итог, наиболее конвертируемые веб-формы выполняют следующие функции:

  • Минимизируйте трение : В этом контексте (в отличие от контекста урока физики вашего сына или дочери в восьмом классе) трение относится к психологическому сопротивлению определенному элементу в процессе продаж. Чем больше трение посетителей, тем ниже вероятность конверсии.
  • Уменьшите количество полей формы : Чем меньше полей формы вам потребуется, тем лучше. По словам Нила Пателя, оптимальный коэффициент конверсии для формы с тремя полями составляет 25 процентов; 20 процентов для форм с 3-5 полями; и 15 процентов для форм с шестью и более полями.
  • Имейте простой макет : Когда дело доходит до разработки контактной формы, мы рекомендуем (и исследования подтверждают), что макет должен быть как можно более простым — это гарантирует, что пользователь не отвлечется и не откажется от формы.
  • Информация для предварительного заполнения : Предварительное заполнение полей регистрации контактной формы информацией, которую вы уже получили от постоянных клиентов веб-сайта, — отличный способ повысить конверсию веб-сайта и даже собрать дополнительную информацию.

И, наконец, суть этого сообщения в блоге: следует ли использовать CAPTCHA в своей веб-форме?

Что такое капча?

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

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

Согласно Google, «CAPTCHA — это программа, которая может генерировать и оценивать тесты, которые люди могут пройти, но современные компьютерные программы не могут.Например, люди могут читать искаженный текст, как показано ниже, но современные компьютерные программы не могут: «

Интересный факт: служба Google reCAPTCHA помогает уменьшить количество спама, а также оцифровывает книги, газеты и старые радиопередачи. «ReCAPTCHA улучшает процесс оцифровки книг, отправляя слова, которые не могут быть прочитаны компьютерами, в Интернет в форме CAPTCHA, чтобы люди могли их расшифровать».

Круто, правда? K вернуться к работе сейчас.

Действительно ли CAPTCHA сокращает объем веб-спама?

CAPTCHA в некоторой степени эффективны для уменьшения веб-спама.Но по мере того, как спамеры становятся все более развитыми, они становятся все более способными блокировать и обходить CAPTCHA. По словам мастера веб-церемоний Blue Corona Чейза Вольфа, «есть несколько действительно продвинутых программ для роботов, которые были специально закодированы для обхода CAPTCHA на основе изображений. Поэтому трудно сказать, что даже они эффективны на 100 процентов ».

CAPTCHA сокращают веб-конверсии

Поскольку CAPTCHA не на 100% эффективны в сокращении веб-спама, мы обычно не рекомендуем нашим клиентам использовать их в своих веб-формах — в основном потому, что они также снижают конверсию.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *