Как установить капчу на сайте WordPress?
👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →Капча или CAPTCHA – это компьютерный тест типа вызов-ответ, который используется для определения, кто именно зашел на сайт – человек или бот.
Для чего нужна капча?
Обычно капчи применяются на страницах с вводом логина и пароля, а также на формах добавления комментариев. Это делается вот почему. В первом случае такая проверка обезопасит форму входа на сайт от подбора паролей, а во втором – для исключения спам-комментариев.
Плагин Google Captcha (reCAPTCHA) by BestWebSoft
Для WordPress существует множество готовых решений в виде плагинов, позволяющих защитить сайт от вышеупомянутого зловредного влияния. Так, среди них следует выделить довольно популярный плагин Google Captcha (reCAPTCHA) by BestWebSoft, который использует капчу от Гугл. Он является универсальным, так как позволяет установить проверку на большинство разделов сайта. Среди них:
- форма регистрации,
- форма входа,
- форма напоминания пароля,
- форма добавления комментариев,
- контактная форма,
- кастомная форма.
Итак, после установки и активации плагина, в админ-панели появится сообщение, что для работы капчи необходимо получить ключи.
Кликаем на ссылку здесь, попадая тем самым на официальную страницу Гугл-капчи.
В поле Label необходимо ввести имя проверки (любое). Также следует выбрать тип проверки. Мы воспользуемся простой для пользователя проверкой, которая предполагает подтверждение простым выбором необходимых картинок (reCAPTCHA V2).
После выбора типа проверки необходимо ввести название домена сайта, после чего отметить пункт Accept the reCAPTCHA Terms of Service и нажать кнопку Register.
После сохранения настроек Вы попадете в окно, где нужно будет скопировать отдельно (например, в Блокноте) значения полей Site key и Secret key.
Все, необходимые ключи получены. Теперь возвращаемся обратно в админ-панель сайта и переходим Google Captcha -> Настройки.
В поля Ключ сайта и Секретный ключ следует ввести значения сохраненных ранее Вами строк (Site key и Secret key соответственно). Ниже, в разделе Включить reCaptcha для, нужно выбрать страницы, на которых будет включена проверка, после чего нажать кнопку Сохранить изменения. После успешного сохранения настроек Вы сможете протестировать капчу.
Если тестирование прошло успешно, то настройка завершена, и теперь можно перейти на отмеченную Вами страницу, на которой должна появится капча.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
Мне нравится36Не нравится4Если Вам понравилась статья — поделитесь с друзьями
Как добавить капчу для Сontact Form 7
Если вы в поисках оптимального плагина капчи для Contact Form 7, эта статья вам поможет. Мы рассмотрим самые популярные плагины капчи и расскажем, как добавить их на сайт WordPress. Подробнее о том, что такое капча и какие виды капчи бывают, читайте в статье Капча для сайта на WordPress.
Чтобы добавить капчу для Contact Form 7, нужно установить совместимый с ней плагин, активировать и настроить его.
Плагины капчи для Contact Form 7
Плагины капчи для Contact Form 7 — это расширения, с помощью которых можно добавить капчу для контактной формы Contact Form 7 в WordPress. Если у вас ещё не установлен плагин Contact Form 7, это можно сделать по инструкции Контактная форма WordPress.
Ниже мы рассмотрим, как настроить три популярных плагина капчи: Contact Form 7 Image Captcha, Contact Form 7 Captcha и Advanced noCaptcha & invisible captcha (v2 & v3).
Contact Form 7 Image Captcha
Contact Form 7 Image Captcha — простая капча, которая не требует от пользователя решения головоломок и угадывания сложных символов. Чтобы пройти капчу, достаточно выбрать один из трёх простых значков (например, чашку, грузовик или ель). Также можно скрыть появление капчи до момента, пока пользователь не начнёт взаимодействовать с контактной формой.
Чтобы добавить капчу на сайт:
- 1. Войдите в панель управления WordPress.
Перейдите на вкладку Плагины — Добавить новый. В поисковой строке введите «Contact Form 7 Image Captcha» и нажмите Установить. Затем нажмите Активировать.
- 3.
В панели управления WordPress перейдите в раздел Contact Form 7 — Контактные формы. На вкладке «Шаблон формы» вставьте в поле шорткод [cf7ic], например, после тега [submit] (кнопка Отправить). Это можно сделать вручную или нажав на тег формы Изображение Captcha.
Совет
Если вы хотите, чтобы пользователь видел капчу только в момент взаимодействия с формой, то добавьте шорткод с тегом «toggle»:
Нажмите Сохранить:
- 4. Добавьте контактную форму на сайт по инструкции Как добавить Contact Form 7 на сайт.
Готово, вы добавили на сайт «Image Captcha»:
Captcha WordPress для Contact Form 7Contact Form 7 Captcha
Contact Form 7 Captcha — надёжный плагин для reCaptcha v2 («Я не робот» и невидимая капча) от Google. Для размещения капчи на сайте нужно зарегистрироваться в Google Captcha и получить API-ключи
Чтобы добавить капчу на сайт:
- 2.
Перейдите на вкладку Плагины — Добавить новый. В поисковой строке введите «Contact Form 7 Captcha» и нажмите Установить. Затем нажмите Активировать.
- 3.
Перейдите на страницу регистрации сайта для Google Captcha и заполните нужные поля:
- Ярлык — введите любое имя для капчи (например, ваш домен),
- Тип reCAPTCHA — выберите версию капчи, которую хотите установить (в примере мы добавим на сайт reCAPTCHA v2 в виде флажка «Я не робот»),
- Домены — укажите домен (имя сайта), для которого хотите добавить капчу,
- поставьте галочки напротив полей Примите Условия использования reCAPTCHA и Отправлять владельцам оповещения.
Нажмите Отправить:
- 4.
На открывшейся странице «Добавление reCAPTCHA на сайт» скопируйте ключ сайта и секретный ключ. Сохраните их.
В панели управления WordPress перейдите в раздел Настройки — CF7 Simple Recaptcha и заполните поля:
Ключ сайта — введите ключ сайта, который вы скопировали на шаге №4,
Секретный ключ — укажите секретный ключ, который вы скопировали на шаге №4,
Invalid captcha error message — пропишите текст, который увидят пользователи в случае, если не пройдут капчу.
Нажмите Save Settings (Сохранить настройки):
- 6.
Перейдите в раздел Contact Form 7 — Контактные формы. На вкладке «Шаблон формы» перед тегом [submit] (кнопка Отправить) вставьте в поле шорткод
- 7. Добавьте контактную форму на сайт по инструкции Как добавить Contact Form 7 на сайт.
Готово, вы добавили на сайт капчу «Я не робот»:
Contact Form 7 капчаAdvanced noCaptcha & invisible captcha (v2 & v3)
Advanced noCaptcha & invisible captcha (v2 & v3) — плагин с возможностью выбора вида капчи — reCaptcha v2 («Я не робот» и невидимая капча) или v3 (которая не требует действий от пользователя). Для капчи версии v2 можно менять тему (светлая или тёмная) и размер. Капчу можно настроить для всех пользователей или только для неавторизованных. Кроме этого, можно указать количество неудачных попыток входа в систему, после которых будет всплывать капча.
Чтобы добавить капчу на сайт:
- 1. Войдите в панель управления WordPress.
- 2.
Перейдите на вкладку Плагины — Добавить новый. В поисковой строке введите «Advanced noCaptcha & invisible captcha (v2 & v3)» и нажмите Установить. Затем нажмите Активировать.
Перейдите на страницу регистрации сайта для Google Captcha и заполните нужные поля:
- Ярлык — введите любое имя для капчи (например, ваш домен),
- Тип reCAPTCHA — выберите версию капчи, которую хотите установить (в примере мы добавим на сайт reCAPTCHA v3),
- Домены — укажите домен (имя сайта), для которого хотите добавить капчу,
- поставьте галочки напротив полей Примите Условия использования reCAPTCHA и Отправлять владельцам оповещения.
Нажмите Отправить:
На открывшейся странице «Добавление reCAPTCHA на сайт» скопируйте ключ сайта и секретный ключ. Сохраните их.
- 5.
В панели управления WordPress перейдите в раздел Настройки — Advanced noCaptcha & invisible captcha и заполните поля:
Ключ сайта — введите ключ сайта, который вы скопировали на шаге №4,
Секретный ключ — укажите секретный ключ, который вы скопировали на шаге №4,
Также вы можете внести дополнительные настройки. Нажмите Сохранить изменения:
- 6.
Перейдите в раздел Contact Form 7 — Контактные формы. На вкладке «Шаблон формы» вставьте в поле шорткод [anr_nocaptcha g-recaptcha-response] и нажмите Сохранить:
- 7. Добавьте контактную форму на сайт по инструкции Как добавить Contact Form 7 на сайт.
Готово, вы добавили на сайт reCAPTCHA v3:
Теперь вы знаете какие бывают плагины капчи для контактной формы WordPress и как добавить капчу в Contact Form 7.
13 раз уже помогла
Как установить капчу на сайт 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.
В настройках плагина вы можете указать, что плагин должен делать, если обнаружен робот.
Вот и все! Теперь ваши комментарии под защитой. Вы можете убедится в этом, проверив свой блок для комментариев.
Внимание! Капча будет отображаться только для незалогиненных пользователей. Поэтому, чтобы убедиться в том, что плагин работает, вам либо нужно разлогинится, либо зайти через вкладку Инкогнито и тогда вы сможете убедиться, что плагин работает.
Что такое 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, по ссылке вы найдете детальную инструкцию.
Спасибо, что читаете нас!
CAPTCHA-отличная защита сайта от ботов и спамеров
В статье описывается, как капча защищает сайт от хакеров и спама. А также, как добавить капчу на WordPress-сайт с помощью специализированных плагинов.
Чаще всего в капче отображается искаженный текст, который необходимо ввести в текстовое поле. А также группа фотографий, из которых нужно выбрать те, на которых запечатлены определенные предметы.
Пример каптчи
Эти задания могут выполнить люди, но не боты. Если капча не пройдена, то доступ к сайту или защищенному его разделу блокируется. Это важно, потому что боты часто используются для внедрения вредоносного кода, проведения хакерских атак и рассылки спама.
В 2014 году Google запустил сервис reCAPTCHA – преемника искаженных слов и изображений, которые она использовала с 2007 г. Для прохождения новой капчи пользователи должны установить флажок рядом со словами «Я не робот».
Флажок Google reCAPTCHA на страничке входа WordPress
Это гораздо проще и быстрее, чем традиционные каптчи, и доступно для более широкого круга пользователей.
Чтобы добавить капчу на WordPress-сайт, выполните три простых шага:
При выборе специализированного плагина выясните, какой тип капчи он поддерживает. Также необходимо убедиться, что выбранный плагин может добавлять капчу сразу в несколько областей сайта. Рассмотрим три плагина, которые соответствуют перечисленным выше критериям.
Google Captcha (reCAPTCHA) от BestWebSoft – наиболее популярный вариант с более чем 200 тысяч установок.
Плагин Google Captcha
Этот плагин поддерживает Google ReCAPTCHA версии 2 или 3 на страницах входа в систему, регистрации, сброса пароля, контактных формах и даже в комментариях. Подобный подход помогает защититься от спама, а также усиливает безопасность сайта.
Advanced noCaptcha & Invisible Captcha – этот плагин включает в себя многие рассмотренных выше функций.
Плагин Advanced noCaptcha
Еще один достойный плагин – Login No CAPTCHA reCAPTCHA:
Плагин Login No CAPTCHA reCAPTCHA
Он поддерживает Google reCAPTCHA и может быть использован на страницах, регистрации и восстановления паролей. Но он не интегрируется с комментариями или контактными формами.
После установки и активации плагина создайте аккаунт Google reCAPTCHA. Зайдите в консоль администратора Google reCAPTCHA и заполните регистрационную форму.
Страница регистрации reCAPTCHA
Заполнив все поля, нажмите кнопку Submit. После чего вы получите Site Key и Secret Key.
Получение ключа сайта и секретного ключа для Google reCAPTCHA
Укажите их в настройках выбранного плагина капчи.
Добавление ключей Google reCAPTCHA в настройки плагина Google Captcha
После того как сайт получит достаточный объем трафика, вы сможете просматривать ценные аналитические материалы, связанные с запросами на отправку форм.
Google CAPTCHA и Advanced No Captcha имеют набор флажков в настройках. Там вы сможете выбрать, где именно хотите использовать reCAPTCHA.
Выбор мест, в которых будет появляться Google reCAPTCHA
Капча должна использоваться в следующих областях сайта:
- Страница входа администратора WordPress.
- Страница входа WooCommerce.
- Форма регистрации пользователя.
- Форма восстановления пароля.
- Форма обратной связи.
Страница входа в панель администрирования является основной целью для атак методом перебора и межсайтового скриптинга (XSS).
Чтобы добавить на нее капчу с помощью плагина Google Captcha, перейдите в Google Captcha > Настройки > Общие > Включить reCAPTCHA для и выберите «Форма входа» в разделе «Страницы WordPress по умолчанию.
Выбор формы входа в плагине Google Captcha
Чтобы добавить капчу на страницу сброса пароля, перейдите в Google Captcha > Настройки > Общие > Включить reCAPTCHA для.
Выбор страницы восстановления пароля в плагине Google Captcha
Затем выберите «Форма сброса пароля» в разделе «Страницы WordPress по умолчанию».
Страница входа в WooCommerce так же подвержена вредоносным атакам. Чтобы защитить ее с помощью Google Captcha, вам понадобится премиум-версия этого плагина. После ее установки перейдите в Google Captcha > Настройки > Общие > Включить reCAPTCHA для.
Премиум опция для страницы входа в WooCommerce
Здесь вы сможете выбрать форму входа в WooCommerce из списка внешних плагинов.
Доступно несколько плагинов для контактной формы, которые интегрируются с Google CAPTCHA:
- Contact Form 7.
- Jetpack Contact Form.
- Ninja Forms.
Для добавления капчи в контактную форму на вашем сайте должен быть установлен и активирован один из перечисленных выше плагинов. Затем перейдите в Google Captcha> Настройки> Общие > Включить reCAPTCHA для и установите флажок для используемого плагина.
Бесплатные и премиум-опции форм в плагине Google Captcha
Также существуют плагины конструкторов форм, которые уже включают в себя капчу. Например, WPForms.
Защита сайта от ботов крайне важна, если вы хотите защитить свой контент, пользователей и репутацию. Один из самых простых способов остановить их – добавить каптчу в формы вашего WordPress-сайта.
Данная публикация является переводом статьи «How to Use CAPTCHAs to Keep Bots and Spammers Off Your WordPress Site» , подготовленная редакцией проекта.
Как вставить капчу в модальное окно?
Всем привет! Никак не могу вставить капчу. У меня есть форма в модальном окне:
<p><button data-modal=»modal-3 «><span>вопрос</span></button></p><table>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<div>
<div>
<h4>вопрос</h4>
<div><form action=»/modal/myform/sendvopros.php» method=»post»>
<table>
<tbody>
<tr><th> </th>
<td>заполните все поля</td>
</tr>
<tr><th>*Имя:</th>
<td><input type=»text» name=»name» size=»40″ maxlength=»40″ /></td>
</tr>
<tr><th>*E-mail:</th>
<td><input type=»text» name=»email» size=»40″ maxlength=»40″ /></td>
</tr>
<tr><th>Телефон:</th>
<td><input type=»text» name=»telephon» size=»40″ maxlength=»40″ /></td>
</tr>
<tr><th>*вопрос:</th>
<td><textarea name=»text_message» rows=»10″ cols=»100″></textarea></td>
</tr>
<tr><th> </th>
<td align=»center»><input type=»submit» name=»mail_submit» value=»Отправить сообщение» /></td>
</tr>
</tbody>
</table>
</form><button>Закрыть</button></div>
</div>
</div>
<!— /container —>
<div> </div>
<!— the overlay element —>
<p> </p>
<!— classie.js by [user=desandro]desandro[/user]: https://github.com/desandro/classie —>
<script type=»text/javascript» src=»/modal/js/classie.js»></script>
<script type=»text/javascript» src=»/modal/js/modalEffects.js»></script>
Захожу в настройки капчи, вписываю айди «qus» (такой как присвоил форме) и ничего не получаю. Капча не появляется! Кто сталкивался, подскажите пожалуйста! Полный тупик!
Настройка капчи — База знаний uCoz
Настройка капчи
- Типы капчи
- Как подключить reCAPTCHA (для сайтов с подключённым доменом)
- Как отключить капчу
Типы капчи
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.
Сохраните настройки.
Как отключить капчу
По умолчанию код безопасности (капча) не показывается при добавлении материалов, сообщений на форуме и комментариев для следующих групп пользователей: “Проверенные”, “Модераторы”, “Администраторы” и “Друзья сайта”. Для группы “Гости” невозможно отключить код безопасности.
Если вы хотите отключить капчу для группы “Пользователи” или подключить её для созданных вами групп, авторизуйтесь в Панели управления — Пользователи — Группы — Выберите нужную группу — Права — Разное — Не показывать код безопасности — Активируйте или деактивируйте настройку и сохраните.
В настройках расширения “Мини-чат” можно подключить или отключить показ кода безопасности для системной группы “Пользователи”.
Настройка капчи
Как реализовать решение CAPTCHA на вашем веб-сайте
Как владелец веб-сайта вы, вероятно, уже знакомы с некоторыми проблемами, вызываемыми спамерами и ботами. Если их не отметить, они могут снизить качество вашего сайта, злоупотребляя вашими разделами комментариев, и даже атаковать ваши контактные формы.
По сей день полностью автоматизированные общедоступные тесты Тьюринга для различения компьютеров и людей (CAPTCHA) по-прежнему являются одним из наиболее эффективных способов предотвращения спама-ботами на вашем веб-сайте.Их легко реализовать, и даже несмотря на то, что злоумышленники часто пытаются их обойти, они по-прежнему обеспечивают надежную линию защиты.
В этой статье мы подробно рассмотрим преимущества использования CAPTCHA, прежде чем научить вас, как их реализовать. Защитим ваш сайт!
Преимущества использования CAPTCHA на вашем веб-сайте
Если вам каким-то образом удавалось избегать их до сих пор (что было бы настоящим подвигом), CAPTCHA — это инструменты, которые веб-сайты используют для определения того, является ли конкретный посетитель человеком или бот.
Хотя для большинства пользователей CAPTCHA представляют собой небольшую неприятность, они могут быть настоящим благом для владельцев веб-сайтов по следующим причинам:
- Они предлагают элегантный способ различать «настоящий» и «поддельный» трафик.
- Пользователи-люди должны уметь решать большинство CAPTCHA за считанные секунды. Таким образом, они не создают барьер для входа реальных посетителей.
- CAPTCHA может уменьшить количество спама на вашем сайте.
В целом, любому веб-сайту, который хочет защитить себя от ботов, вероятно, следует рассмотреть возможность внедрения решения CAPTCHA в ключевых местах.Например, страницы входа в систему — идеальное место для CAPTCHA. Многие веб-сайты по-прежнему требуют, чтобы пользователи регистрировались перед тем, как оставлять комментарии, поэтому, если боты не могут пройти мимо вашего входа в систему, они не смогут рассылать вам спам.
Как реализовать CAPTCHA на вашем веб-сайте (за 3 шага)
Доступно множество отличных решений CAPTCHA, но у нас нет времени охватить их все. Кроме того, мы уверены, что вы предпочитаете, чтобы мы сосредоточились только на лучшем, поэтому мы решили использовать reCAPTCHA.
Этот инструмент предоставлен Google и имеет достаточно высокое качество.reCAPTCHA — это шаг вперед по сравнению с большинством современных решений CAPTCHA, когда дело доходит до удобства использования. Его CAPTCHA кажутся домашними на большинстве сайтов и довольно эстетичны. Давайте узнаем, как настроить один из них.
Шаг №1: Зарегистрируйте свой сайт на reCAPTCHA
Первый шаг — самый простой. Перейдите на домашнюю страницу reCAPTCHA и нажмите кнопку Get reCAPTCHA вверху экрана. На следующем экране вы увидите приглашение ввести ярлык и домен для вашего сайта, чтобы вы могли идентифицировать его среди своих свойств reCAPTCHA.
Заполните оба поля, нажмите Register , и все готово. На следующем экране вы получите ключ сайта и секретный ключ . Для целей этого урока нам понадобится только первое.
Сохраните этот ключ и вперед.
Шаг № 2: Добавьте скрипт reCAPTCHA на свой веб-сайт
Чтобы отобразить нашу CAPTCHA, нам нужно повозиться с некоторым кодом. В частности, вам необходимо вставить следующую строку кода между тегами
вашего сайта:Стоит отметить, что этот код необходимо добавить на любую страницу, на которой вы хотите отображать CAPTCHA, поскольку без нее они не будут работать.
Шаг № 3: Разместите CAPTCHA на своем сайте
Чтобы отобразить нашу CAPTCHA, нам нужно добавить еще одну строку кода на наши страницы. В частности, эта конкретная строка должна быть вставлена там, где вы хотите, чтобы ваша CAPTCHA отображалась:
Обратите внимание, что строка включает заполнитель для вашей собственной reCAPTCHA Site Key , который мы получили на первом этапе.Вставьте его в кавычки и сохраните изменения. Ваша CAPTCHA должна быть активирована!
Заключение
Несмотря на постоянные атаки, CAPTCHA остаются чрезвычайно популярным методом защиты веб-сайтов. Это определенно не единственная защита, которую вы можете реализовать, но они одни из самых простых и эффективных.
Существует множество решений CAPTCHA, но мы рекомендуем использовать reCAPTCHA. Вот как это настроить:
- Зарегистрируйте свой веб-сайт на reCAPTCHA.
- Добавьте скрипт reCAPTCHA на свой сайт.
- Разместите CAPTCHA на своем сайте.
Связанные ресурсы
Изображение предоставлено Pixabay.
Как добавить CAPTCHA в WordPress и уберечь свой сайт от спамеров
Нет сомнений в том, что безопасность WordPress важна. В конце концов, нарушение может привести к серьезному повреждению вашего сайта. Однако, когда хакеры используют ботов для быстрого и эффективного нападения на веб-сайты, может показаться, что шансы на выигрыш не в вашу пользу.
К счастью, есть очень простой инструмент, который вы можете использовать для защиты вашего сайта WordPress от ботов и спамеров. Включение полностью автоматизированного теста Тьюринга, чтобы отличить компьютеры и людей друг от друга (CAPTCHA), — это простой и не требующий больших усилий способ повысить безопасность вашего веб-сайта.
Это руководство познакомит вас с CAPTCHA и их ролью в защите вашего сайта от хакеров и спама. Затем мы расскажем, как добавить их на свой сайт, и представим одни из лучших плагинов WordPress CAPTCHA.
Приступим!
Общие сведения о CAPTCHA
Скорее всего, вы видели CAPTCHA много раз в Интернете. Они могут принимать самые разные формы, одна из самых распространенных — искаженный текст, который вам нужно расшифровать. Другие требуют от вас выбора изображений, соответствующих определенным требованиям, из группы фотографий с низким разрешением:
Пример изображения CAPTCHA
Во всех случаях представленная задача — это та проблема, которую большинство людей должно легко решить. Однако даже современные продвинутые боты не могут понять слова, которые были искажены, или фрагменты изображений.Когда они не могут пройти тест, им блокируют доступ к вашему сайту (или к чему-то еще, что защищает CAPTCHA).
Это важно, потому что боты используются во многих ситуациях, которые могут поставить под угрозу безопасность и доверие к вашему веб-сайту. Атаки методом грубой силы, одна из наиболее распространенных стратегий взлома, используют ботов для многократного ввода учетных данных в вашу форму входа, пока они не получат доступ к вашему сайту.
Межсайтовый скриптинг (XSS) — это еще один тип кибератаки, при котором хакеры вводят вредоносный код на ваш сайт через форму, например страницу входа или раздел комментариев.Это может привести к хранению вредоносного ПО на вашем сайте, краже информации и другим негативным последствиям.
Ботовтакже можно использовать для рассылки спама в разделе комментариев с помощью некачественных ссылок, которые наносят ущерб вашей поисковой оптимизации (SEO) и отпугивают законных пользователей. Спам раздражает, но, что более важно, из-за него ваш сайт выглядит недостаточно защищенным и плохо контролируемым.
Повсюду на вашем сайте, где пользователи могут вводить информацию — другими словами, в любой форме — уязвимо для атак со стороны ботов.Требование CAPTCHA перед отправкой формы препятствует тому, чтобы люди, не являющиеся людьми, могли получить доступ к вашему сайту или внедрить на него вредоносный код.
Что такое Google reCAPTCHA?
Хотя CAPTCHA явно обеспечивает множество преимуществ и защиты для вашего сайта, у них есть несколько недостатков. Например, они имеют тенденцию негативно влиять на пользовательский опыт (UX). Замедляя пользователей, эти простые тесты мешают посетителям плавно и быстро достигать своих целей на вашем сайте.
Plus, пользователи с нарушениями зрения или другими проблемами, такими как дислексия, могут столкнуться с трудностями при заполнении CAPTCHA. Непреднамеренное ограничение доступа пользователей-людей к вашему сайту не приносит пользы ни вам, ни им, даже если это отвлекает от работы ботов.
В 2014 году Google выпустил программу No CAPTCHA reCAPTCHA, преемницу тестов на искаженные слова и изображения, которые она использовала с 2007 года. Новая система просто требует, чтобы пользователи установили флажок рядом со словами «Я не робот», чтобы подтверждают свою легитимность:
Флажок Google reCAPTCHA на странице входа в WordPress
Это намного проще и быстрее, чем более традиционные CAPTCHA, и доступно более широкому кругу пользователей.Более того, Google продолжает совершенствовать эту технологию. В 2018 году он также выпустил так называемую «невидимую CAPTCHA», которая может обнаруживать ботов, не требуя каких-либо преднамеренных действий со стороны пользователей.
При добавлении CAPTCHA на свой сайт WordPress у вас будет возможность выбрать, какой тип теста использовать. Однако имейте в виду, что внедрение Google reCAPTCHA v2 или v3 должно помочь сделать ваш сайт более приятным и доступным для пользователей.
Как добавить CAPTCHA на ваш сайт WordPress (за 3 шага)
Когда дело доходит до безопасности WordPress, добавление CAPTCHA — один из самых простых способов затруднить проникновение ботов на ваш сайт.К счастью, добавить один тоже несложно. Вы можете настроить свой всего за три простых шага.
Шаг 1. Установите и активируйте плагин WordPress CAPTCHA
Самый простой способ добавить CAPTCHA на ваш сайт WordPress — это использовать плагин. В каталоге плагинов WordPress есть много высококачественных опций, поэтому вам не придется тратить деньги, чтобы повысить безопасность своего сайта.
Однако перед тем, как выбрать плагин, необходимо рассмотреть несколько ключевых особенностей.
Во-первых, вы хотите учесть тип CAPTCHA, который предоставляет ваш плагин. Как мы обсуждали выше, Google reCAPTCHA намного удобнее, чем требовать от посетителей щелкать изображения или декодировать искаженный текст.
Кроме того, вы должны убедиться, что ваш плагин может добавлять CAPTCHA в несколько областей вашего сайта, а не только на страницу входа. Мы рассмотрим эту идею более подробно на шаге 3. А пока имейте в виду, что везде, где у вас есть форма на вашем сайте, вы, вероятно, захотите отпугивать ботов с помощью CAPTCHA.
Давайте посмотрим на три плагина, которые соответствуют указанным выше критериям. Google Captcha (reCAPTCHA) от BestWebSoft — самый популярный вариант с более чем 200000 активных установок:
Плагин Google Captcha
Как следует из названия, этот плагин включает в себя Google reCAPTCHA v2 или v3 на страницах входа и регистрации, в формах для сброса пароля и в контактных формах и даже в комментариях и отзывах на вашем сайте. Это помогает предотвратить спам в дополнение к повышению безопасности.
Advanced noCaptcha и Invisible Captcha также высоко оценены и включают в себя многие из тех же функций:
Расширенный плагин noCaptcha
Этот плагин также обеспечивает совместимость с несколькими сайтами и интегрируется с популярными инструментами членства, такими как bbPress и BuddyPress. Кроме того, при необходимости вы можете добавить несколько CAPTCHA на одну страницу.
Наконец, вы также можете рассмотреть возможность входа в систему без CAPTCHA reCAPTCHA:
Плагин Login No CAPTCHA reCAPTCHA
Этот плагин включает прямую Google reCAPTCHA и может использоваться в формах входа, регистрации и забытых паролей.Однако он не интегрируется с вашим разделом комментариев или контактными формами, что делает его немного более ограниченным, чем два других плагина, которые мы рассмотрели.
Шаг 2. Создайте свою Google reCAPTCHA и добавьте ее на свой сайт
После того, как вы установили и активировали плагин, вам нужно будет создать Google reCAPTCHA (при условии, что вы выбрали плагин, который его использует). Перейдите в консоль администратора Google reCAPTCHA и заполните регистрационную форму:
Страница регистрации reCAPTCHA
Обратите внимание, что вы сможете выбирать между reCAPTCHA v2 или v3 и можете использовать флажок или невидимый тест.Последний обеспечит лучший пользовательский интерфейс, так как не требует никаких действий со стороны пользователя. Однако флажок v2 обычно более надежен.
Подпишитесь на информационный бюллетень
Хотите узнать, как мы увеличили наш трафик более чем на 1000%?
Присоединяйтесь к 20 000+ других, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!
Подпишитесь сейчасПосле того, как вы заполнили все поля, нажмите кнопку Отправить .На следующем экране вам будет предоставлен ключ сайта и секретный ключ :
.Получение сайта и секретных ключей для новой Google reCAPTCHA
Вам нужно будет ввести оба параметра в настройках вашего плагина CAPTCHA на вашем сайте WordPress. Этот процесс может незначительно отличаться в зависимости от того, какой плагин вы выбрали. Однако вы легко сможете найти настройки на боковой панели панели инструментов и вставить свои ключи в соответствующие поля:
Добавление ключей Google reCAPTCHA в настройки плагина Google Captcha
Не забудьте сохранить изменения.Вы также можете добавить в закладки страницу консоли администратора Google reCAPTCHA и регулярно ее проверять. После того, как ваш сайт посетит достаточный объем активного трафика, вы сможете просматривать ценную аналитику, связанную с запросами на отправку форм.
Шаг 3. Настройте параметры для защиты ключевых областей
Как мы упоминали ранее, есть несколько областей, которые идеально подходят для включения вашей CAPTCHA, чтобы обеспечить максимальную защиту вашего сайта. После того, как вы установили нужный плагин, вы можете настроить параметры, чтобы убедиться, что включены все важные страницы.
Google CAPTCHA и Advanced No Captcha включают список флажков в своих общих настройках. Здесь вы можете выбрать, где вы хотите использовать свои reCAPTCHA:
Выбор мест, где будет отображаться Google reCAPTCHA
В идеале это должны быть любые формы, которые есть на вашем сайте, включая уязвимые области, такие как:
Ваш сайт может включать другие уникальные формы, такие как отправка пользовательского контента, опросы или подписка по электронной почте. В таких случаях вы можете использовать Advanced noCaptcha и Invisible Captcha, поскольку этот плагин предоставляет хуки действий для включения Google reCAPTCHA в любой форме.
В качестве альтернативы вы можете инвестировать в Google Captcha (reCAPTCHA) Pro. Он обеспечивает дополнительную интеграцию с популярными плагинами, такими как Jetpack, MailChimp для WordPress и несколькими конструкторами форм.
Добавление CAPTCHA на страницу входа в систему
Ваша страница входа является основной целью для атак методом грубой силы и межсайтовых сценариев (XSS).
Чтобы добавить к нему CAPTCHA с помощью плагина Google Captcha, перейдите к Google Captcha> Настройки> Общие> Включить reCAPTCHA для в WordPress и выберите Форма входа под WordPress по умолчанию :
Опция формы входа в плагин Google Captcha
Ваша страница входа теперь должна быть защищена.
Включение CAPTCHA на странице сброса пароля
Когда их попытки войти на ваш сайт терпят неудачу, хакеры могут быть перенаправлены на страницу, где пользователи могут сбросить свои пароли. Чтобы добавить CAPTCHA для защиты этой страницы, перейдите к Google Captcha> Настройки> Общие> Включить reCAPTCHA для на панели инструментов WordPress:
Опция формы оставшегося пароля в плагине Google Captcha
Затем выберите Reset password form из списка WordPress Default .
Защита страницы входа в WooCommerce с помощью CAPTCHA
Ваша страница входа в WooCommerce так же уязвима для злонамеренных атак, как и ваша основная страница WordPress. Чтобы защитить его с помощью Google Captcha, вам понадобится премиум-версия плагина (внизу желтым цветом). Когда вы будете готовы, перейдите в Google Captcha> Настройки> Общие> Включить reCAPTCHA для на панели инструментов WordPress:
Вариант формы входа в WooCommerce (премиум)
Здесь вы сможете выбрать форму для входа в WooCommerce из списка внешних подключаемых модулей .
Размещение CAPTCHA в вашей контактной форме
Ваша контактная форма может быть защищена с помощью CAPTCHA так же, как и другие формы, которые мы обсуждали в этой статье. Однако есть несколько различных плагинов контактной формы, которые интегрируются с Google CAPTCHA, в том числе:
Чтобы добавить CAPTCHA в контактную форму, на вашем сайте должен быть активен один из перечисленных выше инструментов. Затем перейдите в Google Captcha> Настройки> Общие> Включить reCAPTCHA для и установите флажок для нужного плагина:
Бесплатные и премиальные варианты контактной формы в подключаемом модуле Google Captcha
На этом процесс завершится.Если у вас есть другой плагин контактной формы, который используется на вашем сайте WordPress, вы можете рассмотреть возможность использования другого плагина CAPTCHA, который интегрируется с ним. Существуют также некоторые плагины для создания форм, которые включают в себя CAPTCHA сами по себе, например WPForms.
Хотите, чтобы на вашем сайте #WordPress не было спамеров и ботов? Узнайте, как добавить CAPTCHA во все ваши контактные формы и формы входа! 🗝✅Нажмите, чтобы написать твитСводка
Не допускать попадания вредоносных ботов на ваш сайт, если вы хотите защитить свой контент, своих пользователей и репутацию вашего бренда.Один из самых простых способов их замедлить — добавить CAPTCHA в формы вашего сайта WordPress.
Для добавления CAPTCHA на ваш сайт WordPress требуется всего три шага:
- Установите и активируйте плагин WordPress CAPTCHA.
- Создайте свою Google reCAPTCHA и добавьте ее на свой сайт.
- Настройте параметры для защиты ключевых областей.
У вас есть вопросы о CAPTCHA или о том, как их использовать в WordPress? Напишите нам в комментариях!
Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress.Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress. Наша инфраструктура на базе Google Cloud ориентирована на масштабируемость, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами
Как настроить CAPTCHA для форм вашего сайта: Поддержка PinnacleCart
Относится к версии (версиям): 3.9.x Series
Уровень сложности: Easy
Расчетное время для завершения: 7 минут
Обзор
PinnacleCart имеет встроенную интеграцию с reCAPTCHA , службой Google CAPTCHA .Вам не нужно возиться с кодом, чтобы это работало.
CAPTCHA используется для подтверждения того, что пользователь на сайте — человек, а не компьютер. Вы могли бы распознать наиболее часто используемую CAPTCHA как изображение букв, которые выглядят сильно искаженными. Однако с новой reCAPTCHA значительное количество пользователей теперь может подтвердить, что они люди, без необходимости решать CAPTCHA. Вместо этого всего одним щелчком мыши они могут подтвердить, что они не робот. Google называет это опытом No CAPTCHA reCAPTCHA .
Хотя вы можете вставить свой собственный код CAPTCHA на свой сайт, что потребует от вас вставки кода, или вы можете использовать reCAPTCHA. Последнее проще.
Для начала вам необходимо создать учетную запись reCAPTCHA. Перейдите на страницу https://www.google.com/recaptcha/intro/index.html. Нажмите Получить reCAPTCHA вверху справа.
Если у вас еще нет зарегистрированных сайтов для использования reCAPTCHA API , вам нужно будет зарегистрировать новый сайт.
Заполните метку , выберите тип reCAPTCHA , введите свои домены , примите Условия обслуживания reCAPTCHA , затем нажмите Зарегистрировать .
Разверните Ключи в разделе Добавление reCAPTCHA на ваш сайт . Вам понадобятся как ключ сайта , так и секретный ключ для вашей области администрирования .
В области администрирования перейдите в раздел Настройки > Настройки магазина и щелкните вкладку Настройки безопасности .
В поле reCAPTCHA Public Key введите свой ключ сайта из reCAPTCHA. В закрытом ключе reCAPTCHA введите секретный ключ из шага выше.Нажмите Сохранить .
Это автоматически добавит CAPTCHA к стандартным формам вашего сайта, например к странице Register .
Примечание. CAPTCHA, добавленные с помощью интеграции reCAPTCHA, не будут отображаться в пользовательских формах. Например, если вы создали контактную форму на странице «Связаться с нами», reCAPTCHA не будет там отображаться. Вы должны кодировать эти формы с помощью CAPTCHA вручную.
Ссылки на статьи по теме
В настоящее время нет.
Если вы не получили ответа на свой вопрос, обратитесь в службу поддержки Pinnacle Cart.Чтобы отправить заявку, перейдите в раскрывающееся меню Моя учетная запись в правом верхнем углу области администрирования и выберите Поддержка .
Как добавить поле Captcha
В чем преимущество добавления поля CAPTCHA ?
Ответ прост: CAPTCHA помогает защитить ваши формы от спамеров и спам-ботов, которые запрограммированы так, чтобы атаковать веб-сайты, наводняющие их тоннами нежелательной информации, запрашивая, чтобы физическое кодовое слово было введено в поле для сопоставления и проверки.
Перед запуском есть 2 типа CAPTCHA при использовании по умолчанию; Google reCAPTCHA, который является режимом по умолчанию и нашим собственным JotCaptcha. Ниже мы покажем вам разницу.
Видеоурок
1. В конструкторе форм нажмите Добавить элемент формы
2. Найдите Captcha в поле формы и добавьте его перетащите и отпустите. Вот и все! 🙂
Что такое Google Invisible reCAPTCHA в свойствах Captcha?
Это усовершенствованная технология Google ReCaptcha, которая позволяет отличать людей от ботов без дополнительных действий со стороны пользователя.Невидимая reCaptcha активируется только тогда, когда шаблоны просмотра пользователя в некотором роде подозрительны. Вот как включить Google Invisible reCAPTCHA.
Что такое JotCaptcha?
Это собственная капча JotForm в качестве альтернативы. Если вы хотите использовать простую капчу, когда пользователи вводят текст только из предоставленного изображения, вы можете переключиться на JotCaptcha.
Примечание. Если пользователь вводит ПРАВИЛЬНЫЙ JotCaptcha, форма будет отправлена сразу.Однако, если введенная JotCaptcha НЕПРАВИЛЬНА, это приведет к вторичной JotCaptcha, которая появится в середине страницы. Если действующая капча будет введена правильно во второй раз, заявка будет принята.
Когда вы используете поле CAPTCHA, вам не нужно устанавливать его в качестве обязательного поля. Когда вы помещаете его в форму, он уже автоматически становится «обязательным».
У нас также есть несколько дополнительных виджетов ввода кода, которые вы можете использовать.Вы можете проверить их ниже:
Math Captcha
Drawing Captcha
Как все прошло? Пожалуйста, поделитесь своими мыслями и опытом в разделе комментариев ниже.
Спасибо за помощь в улучшении руководств пользователя JotForm.
Связаться со службой поддержки:
Наша служба поддержки клиентов работает круглосуточно и без выходных, а среднее время ответа составляет от одного до двух часов.
С нашей командой можно связаться по:
Как установить CAPTCHA на свой веб-сайт — Хостинг
Большинство веб-сайтов, независимо от их основного назначения, включают контактные формы, варианты подписки и другие средства взаимодействия с пользователем.Все это составляет большую часть положительного пользовательского опыта и, следовательно, успешного бизнеса. Вот почему имеет первостепенное значение для вашего веб-сайта , поддерживая репутацию надежной электронной почты. Из-за этого вы можете захотеть изучить способы защиты ваших почтовых рассылок и страниц регистрации от несанкционированного использования. Сюда входят:- Массовая регистрация аккаунтов с использованием поддельных адресов электронной почты
- Автоматические рассылки через формы контактов / подписки
- Использование ботов для публикации комментариев и т. Д.
Зачем мне CAPTCHA?
Основная цель CAPTCHA — определить, является ли посетитель, пытающийся отправить сообщение, человеком или ботом. Хотя приветствуются «хорошие» боты, например поисковые роботы для доступа к вашему сайту, остерегайтесь «плохих». Автоматизированные сценарии и агенты, созданные со злым умыслом, могут вызвать нежелательную нагрузку на ваш веб-сайт и использовать его ресурсы (включая электронную почту) для атаки на вас или его законных посетителей / пользователей. Другими словами, постоянные сбои электронной почты из-за массовой регистрации поддельных учетных записей или спама в контактных формах влияют на репутацию вашего веб-сайта, не только на ваше доменное имя, но и на IP-адрес cPanel хостинга. Это нежелательно, особенно потому, что отправители с низкой репутацией доставляют свои электронные письма в папки спама / нежелательной почты, даже если они отправляются непосредственно с адреса веб-почты. Кроме того, постоянное использование почтового скрипта создает большую нагрузку на ресурсы аккаунта, отвлекая их от других функций вашего сайта.
Как работает CAPTCHA?
CAPTCHA требует выполнения простой (а иногда и сложной) задачи, прежде чем можно будет отправить форму на вашем веб-сайте. Эти задачи требуют либо человеческой логики, либо умения их читать и интерпретировать.Хотя для некоторых CAPTCHA может показаться неудобной, она обеспечивает большую безопасность. Если задача выполнена правильно, вход в систему происходит немедленно. Однако CAPTCHA временами может вызывать проблемы. Некоторые предлагают сложные математические или лингвистические задачи, которые нельзя решить сразу.В других случаях визуальная задача, предлагаемая пользователю, может выглядеть искаженной или зернистой.
Чтобы защитить посетителей вашего сайта и не расстраивать их, достаточно проверки первого уровня, такой как CAPTCHA. Проверки на основе изображений всегда будут иметь более низкое качество изображения, потому что автоматическим сканерам сложно интерпретировать размытое или зернистое содержимое. Тем не менее, необходимо проверить, как выглядит CAPTCHA после установки, чтобы убедиться, что она видна на разных устройствах и в разных браузерах.
Google reCAPTCHA — один из самых популярных сервисов CAPTCHA. Он предлагается бесплатно с основными функциями. Также существует платная версия Enterprise с расширенными функциями и возможностями интеграции. Обе подписки можно найти в части Products of the Разработчики Google section: Давайте теперь проверим, как выглядит самый простой бесплатный раздел. Установка начинается с краткого обзора на Руководство разработчика страница. Перед тем, как нажать «подписаться на пару ключей API», убедитесь, что вы вошли в свою учетную запись Google: На следующей странице вам нужно будет ввести информацию о вашем веб-сайте : 1.Ярлык — это идентифицирующее имя веб-сайта на вашей панели Google.
2. Доменом должно быть существующее доменное имя, которое уже указывалось на ваш план хостинга.
ПРИМЕЧАНИЕ : Это не должен быть URL-адрес веб-сайта с https: // , а просто само доменное имя (или субдомен), например, domain.com .
Обязательно ознакомьтесь с Условиями использования и установите флажок, чтобы принять его условия. Вы можете найти подробное объяснение настроек здесь.На следующем экране вы получите коды Site Key и Secret Key . Скопируйте их куда-нибудь и держите под рукой, прежде чем вы начнете настраивать CAPTCHA прямо на своем веб-сайте.
На данный момент Google reCAPTCHA предлагается в двух версиях: v2 и v3. Разработчики описывают разницу на страница сравнения версий.
Google reCAPTCHA v2 анализирует трафик и просит ставить галочку только в самых подозрительных случаях.Если вы разрабатываете мобильное приложение или веб-сайт, reCAPTCHA v2 предлагает API для Android. Его удобнее и надежнее использовать с мобильным контентом.
Google reCAPTCHA v3 — это средство проверки, в котором нет поля для заполнения или какого-либо специального флажка. Его логика основана на действиях, которые он отслеживает, и создании оценки для проверки активности пользователя. Он действует в соответствии с правилами соответствия поведения и предлагает соответствующие задачи.
Установка CAPTCHA в WordPress
Для WordPress существует множество плагинов, которые предлагают защиту для различных типов полей для заполнения.Их легко найти с помощью поля поиска на вкладке Добавить новый в разделе Плагины : Важно выбрать версию плагина, которая наиболее совместима с вашей текущей версией WordPress. К счастью, система автоматически отмечает это: полное руководство по процессу установки плагинов WordPress можно найти здесь.Непроверенные или несовместимые версии плагинов могут вызвать проблемы на вашем сайте, например сделать его недоступным.В случае, если вам нужно отключить недавно установленный плагин, с доступом или без доступа к панели администратора, вы можете сделать это через базу данных или диспетчер файлов. Описаны оба варианта здесь.
Защита CAPTCHA уже интегрирована в самые популярные плагины контактов WordPress. Например, вы можете легко найти его в последней версии плагина Contact Form 7 .
Войдите в панель администратора своего веб-сайта и перейдите на вкладку Integration раздела Contact , чтобы найти надстройку reCAPTCHA :
Заполните информацию, которую вы получили на панели инструментов Google Developers , в следующих полях и сохраните изменения: перейдите на вкладку Contact Forms раздела Contact и выберите форму, которую вы хотите редактировать: Вставьте [recaptcha] в код вашей контактной формы и сохраните изменения: Дополнительные коды и настройки для этой интеграции в контактной форме, такие как размер, поведение и другие параметры, можно найти на странице лаборатории кода reCAPTCHA в вашей учетной записи Google.
Как добавить reCaptcha в форму
Эта статья изначально была размещена на моем сайте. Если вам это нравится, вы можете найти интересные предыдущие статьи в моем блоге
Одна из самых неприятных вещей при наличии формы на веб-сайте — это то, что она становится мишенью спам-ботов. В этой статье я собираюсь объяснить, как избавиться от них (или, по крайней мере, от большинства из них …), интегрировав Google reCaptcha в нашу форму.
Примечание: В этом примере я буду использовать приложение Laravel, но я объясню основные концепции того, как работает reCaptcha и как его интегрировать, поэтому, если вы используете другую структуру, вы сможете следовать.
Нам просто нужно выполнить несколько простых шагов:- Зарегистрируйте свой сайт в reCaptcha и получите свой сайт и секретные ключи.
- Добавьте ключи в среду нашего приложения (файл .env в Laravel).
- Включите ввод reCaptcha в нашу форму страницы.
- Добавьте проверку reCaptcha в наш бэкэнд (метод контроллера в Laravel).
Зарегистрируйте свой сайт
Зарегистрировать свой сайт для использования reCaptcha довольно просто.Просто перейдите по этой ссылке (войдите в свою учетную запись Google) и заполните форму. На этикетке поместите что-нибудь, что будет легко идентифицировать ваш сайт, а в типе reCaptcha я установил флажок v2 (обратите внимание, что интеграция различается в зависимости от типа).
После регистрации вы получите экран с вашими уникальными ключами и деталями интеграции клиент / сервер:
И это все, что нам нужно сделать со стороны reCaptcha. Теперь нам просто нужно интегрировать его в наше приложение.
Добавить ключи в среду приложения
Нам нужно будет использовать наши клиентские и серверные ключи для вызова API reCaptcha как из внешнего, так и из внутреннего интерфейса нашего приложения, поэтому, чтобы они были доступны во всем нашем приложении, мы можем добавить переменные среды as или, как мои приложение построено на Laravel, я использую файл .env, добавляя их в конце:
// файл .env
GOOGLE_RECAPTCHA_KEY = ВАШ_RECAPTCHA_SITE_KEY
GOOGLE_RECAPTCHA_SECRET = ВАШ_RECAPTCHA_SECRET_KEY
В JavaScript вы можете загрузить их как переменные среды и получить к ним доступ с помощью процесса .env.VARIABLE_NAME . Добавьте ввод reCaptcha в форму
Следующим шагом является включение флажка reCaptcha в нашу форму, используя два фрагмента кода из панели управления reCaptcha. В этом примере у меня есть контактная форма с несколькими входами (имя, адрес электронной почты и текст), которая отправляет всю полезную нагрузку через запрос POST на маршрут с именем «contact.send», который обрабатывается контроллером. Выглядит это так:
Сценарии, представленные на панели инструментов reCaptcha, содержат ввод, который нам нужно добавить в нашу форму, и сценарий, который выполняется при его запуске.Вот как выглядит наша предыдущая форма после добавления фрагментов:
Обратите внимание, что предоставленный входной фрагмент включает в себя жестко закодированный ключ нашего сайта, и, поскольку я включил его в файл .env, я заменил его ссылкой на переменную;) На этом этапе мы должны увидеть ввод reCaptcha, когда мы загружаем нашу форму, но есть дополнительный шаг, который нам нужно сделать, прежде чем он действительно заработает.
Добавить проверку reCaptcha в бэкэнд
Чтобы понять изменения, которые нам нужно сделать в нашем контроллере, нам сначала нужно понять, что на самом деле происходит, когда пользователь нажимает на ввод reCaptcha.
- На серверы Google отправляется запрос для проверки. Этот запрос содержит ключ нашего сайта, поэтому проверка связана с нашим сайтом.
- Сервер Google отвечает уникальным идентификатором, который включается в нашу форму во входных данных с именем «g-recaptcha-response». Как только форма будет отправлена, мы сможем получить доступ к «g-recaptcha-response» для получения идентификатора подтверждения.
Как часть обычных проверок на стороне сервера в нашем контроллере (убедитесь, что все поля нашей формы заполнены и имеют правильный формат и т. Д…) нам также нужно будет проверить, успешно ли Google подтвердил, что наш пользователь не является ботом, отправив запрос POST на Google / recaptcha / api / siteverify, включая наш секретный ключ и идентификатор подтверждения из «g-recaptcha- response «ввод, как указано в документации reCaptcha:
В PHP мы можем сделать это, используя функцию file_get_contents () для отправки запроса POST и функцию json_decode () для анализа ответа на объект JSON следующим образом:
В JavaScript вы можете использовать axios для отправки запроса POST, а затем JSON.parse () для преобразования ответа в объект.
Ответ на наш POST-запрос будет содержать свойство «success» со значением true / false, которое мы будем использовать для возврата сообщения об ошибке или, как в этом примере, для сохранения сообщения в нашей базе данных.
Заключение
Для меня добавление reCaptcha в общедоступные формы веб-сайтов стало обязательным, если вы не хотите иметь дело с тоннами спама и ботов. В этой статье рассматривается только флажок reCaptcha v2, но различные типы могут быть интегрированы аналогичным образом.Надеюсь, эта статья окажется для вас полезной 🙂
Удачного кодирования!
Как настроить и использовать reCAPTCHA в WPForms
Хотите использовать reCAPTCHA Google для предотвращения спама в ваших формах WordPress? Добавление reCAPTCHA позволяет вам использовать технологию проверки человеком в ваших формах, что может уменьшить количество получаемых вами спам-сообщений.
В этом руководстве мы расскажем, как настроить и использовать опцию reCAPTCHA в WPForms.
- Создание ключей reCAPTCHA в Google
- Добавление reCAPTCHA в форму
- Тестирование reCAPTCHA
- Часто задаваемые вопросы
1.Генерация ключей reCAPTCHA в Google
Чтобы начать работу, вам необходимо войти на свой сайт WordPress и перейти на страницу WPForms »Настройки . Затем щелкните вкладку CAPTCHA . Убедитесь, что выбрана опция reCAPTCHA .
Затем в появившихся настройках выберите reCAPTCHA Type , который вы хотите использовать.
Примечание: Для обзора каждого типа reCAPTCHA обязательно ознакомьтесь с нашим руководством о том, как выбрать CAPTCHA для ваших форм.Для каждого типа reCAPTCHA требуется свой набор ключей, поэтому, если вы позже решите переключить типы, вам нужно будет сгенерировать новый набор ключей.
Затем вам необходимо настроить reCAPTCHA в своем аккаунте Google, чтобы сгенерировать необходимые ключи. Чтобы начать этот процесс настройки, вам нужно открыть целевую страницу Google reCAPTCHA.
Открыв целевую страницу reCAPTCHA, вам нужно будет нажать кнопку v3 Admin Console в левом меню, чтобы начать работу.
Примечание. Нажав эту кнопку, вы попадете в общую консоль администратора reCAPTCHA, поэтому, если вы хотите использовать reCAPTCHA v2, вам все равно нужно будет нажать кнопку v3 Admin Console .
После нажатия этой кнопки вам будет предложено войти в свою учетную запись Google. То, что вы увидите при входе, будет зависеть от того, настраивали ли вы reCAPTCHA для этой учетной записи раньше.
Если вы ранее настраивали reCAPTCHA для этой учетной записи, вам нужно будет щелкнуть значок + (плюс), чтобы добавить новый сайт.
Если вы никогда раньше не настраивали reCAPTCHA, вы будете перенаправлены прямо к форме настройки reCAPTCHA.
Ниже вы найдете более подробную информацию о том, как заполнить каждое поле в этой форме.
- Ярлык: Это только для вас, поэтому введите любое имя, которое имеет логический смысл (чаще всего имя веб-сайта).
- reCAPTCHA Тип: Выберите версию reCAPTCHA, которую вы хотите использовать.
Примечание: Если вы решите включить reCAPTCHA v3, значок reCAPTCHA не будет отображаться в интерфейсе вашего сайта при использовании с формой разговора.
- Домены: Введите URL-адрес, по которому вы будете использовать reCAPTCHA.Не включайте «http: // www» в начале (например, wpforms.com будет принят, а https://wpforms.com или www.wpforms.com — нет).
- Владельцы: Вы можете пропустить это, если не знаете конкретной причины для настройки этого параметра.
- Примите Условия использования reCAPTCHA: Установите этот флажок, чтобы продолжить.
- Отправлять оповещения владельцам: Если вы не знаете конкретной причины для отключения этого параметра, вы можете оставить этот флажок установленным.
После заполнения формы нажмите кнопку Отправить .
После регистрации вы должны увидеть страницу с ключами для вашего сайта.
Вам необходимо скопировать ключ сайта и секретный ключ . Затем вернитесь на свой сайт WordPress и вставьте эти ключи в соответствующие поля.
Теперь, когда вы добавили ключи reCAPTCHA, вы также можете при желании настроить другие параметры reCAPTCHA.
- Сообщение об ошибке: Эта ошибка будет отображаться любому пользователю, не прошедшему проверочный тест reCAPTCHA.
- Порог оценки (только для reCAPTCHA v3): Это оценка, при которой вы хотите, чтобы пользователи не прошли проверку reCAPTCHA v3. Оценки могут варьироваться от 0,0 (скорее всего, бот) до 1,0 (скорее всего, человек).
- Бесконфликтный режим: Если reCAPTCHA загружается на ваш сайт более одного раза (например, как WPForms, так и ваша тема WordPress), это может помешать правильной работе reCAPTCHA. Никакой конфликтный режим не удалит любой код reCAPTCHA, который не загружен WPForms.Однако мы настоятельно рекомендуем связаться с нашей службой поддержки, если вы не уверены, использовать ли этот вариант.
Обязательно нажмите кнопку Сохранить настройки внизу этой страницы, чтобы сохранить изменения настроек.
Дополнительные шаги ТОЛЬКО для пользователей AMP
Если вы используете Google AMP на своем сайте WordPress, вам нужно будет внести дополнительные изменения в настройку reCAPTCHA, чтобы обеспечить совместимость с AMP.
Примечание: При использовании Google AMP вместе с reCAPTCHA значок reCAPTCHA не будет отображаться в интерфейсе вашего сайта.
Под клавишами reCAPTCHA щелкните Перейти к настройкам .
Это снова откроет ваши настройки reCAPTCHA, однако теперь вам будут показаны дополнительные настройки, которые ранее были скрыты.
Внизу страницы установите новый флажок с надписью Разрешить этому ключу работать со страницами AMP .Затем еще раз нажмите Сохранить .
2. Добавление reCAPTCHA в форму
Теперь, когда вы настроили ключи reCAPTCHA, вы сможете добавить reCAPTCHA в любую из ваших WPForms.
Для этого создайте новую форму или отредактируйте существующую.
После того, как вы открыли конструктор форм, загляните в раздел «Стандартные поля» и нажмите на поле reCAPTCHA.
Чтобы убедиться, что ваша reCAPTCHA включена, найдите значок в правом верхнем углу конструктора форм.
3. Тестирование reCAPTCHA
Последний шаг — запустить быстрый тест, чтобы убедиться, что reCAPTCHA выглядит и работает так, как вы ожидаете.
Чтобы проверить это, вам просто нужно отправить запись в форму. Для получения дополнительных сведений о том, как протестировать свои формы, ознакомьтесь с нашим полным контрольным списком тестирования.
Часто задаваемые вопросы
Могу ли я использовать reCAPTCHA, если мой сайт использует субдомен?
Google reCAPTCHA действительно работает с субдоменами, однако reCAPTCHA не принимает сайты субдоменов с форматом пути (например,г., https://domain.com/subdomain ). Если вы используете субдомен для своего сайта, обязательно отформатируйте URL своего сайта как subdomain.