→ Как бороться с медленными рекапчами — инструкция. ReCAPTCHA — простейшая капча Я не робот от Google Почему не работает recaptcha

Как бороться с медленными рекапчами — инструкция. ReCAPTCHA — простейшая капча Я не робот от Google Почему не работает recaptcha

⭐ В этом видео Вы увидите как с помощью одного бесплатного виджета можно решить проблему работы reCaptcha 2.0 в формах размещенных в лайтбоксе программы Adobe Muse.

👉Дополнительно: как настроить ReCaptcha 2.0 для использования на своем сайте:

Справка Adobe Muse: https://goo.gl/coFJf2
Сервис Google: https://goo.gl/n6g7fZ (у вас должен быть свой аккаунт и Ваш сайт должен быть добавлен в Google панель).

ReCaptcha 2.0 в лайтбоксе. Об уроке, пример.

Этот урок специально для тех, у кого не работает ReCaptcha 2.0 при размещении формы в лайтбоксе в Adobe Muse. Использование ReCaptcha 2.0 в форме Adobe Muse нужно нам для борьбы со спамом. Но при размещении в лайтбоксе данной формы ReCaptcha 2.0 перестает работать.

Выглядит это следующим образом. когда мы нажимаем на «Кнопка лайтбокса с формой» и пытаемся здесь нажать на «Я не робот», у нас начинается вот такая постоянная прокрутка, и ReCaptcha 2.0 не срабатывает. Это обычный лайтбокс, и в нем размещена форма Adobe Muse с рекапчей. Таким образом, мы не можем здесь отправить данные этой формы. Как решить эту проблему смотрите дальше в этом видеоуроке.

ReCaptcha 2.0 в лайтбоксе. Решение.

Решение данного вопроса я нашел на одном из форумов по Adobe Muse . И для того, чтобы нам решить эту проблему, нам необходимо будет скачать один виджет. Виджет называется «Страница во фрейме », скачать его вы сможете на данном сайте.

ReCaptcha 2.0 в лайтбоксе. Создаем страницы.

Итак, мы переходим в программу Adobe Muse, где у меня уже подготовлен проект. Сама форма Adobe Muse у меня размещена на отдельной странице. Страницу я называл «form», разместил здесь форму и один текстовый блок с вот таким текстом. В этой форме в настройках у меня включены ReCaptcha 2.0. Рекапча настроена для моего домена. Для настройки рекапчи вам понадобятся два кода: открытый ключ и закрытый ключ , если вы размещаете ее на своем сайте. Данную форму вместе с этим текстом мы фиксируем по центру страницы, для этого у нас включена функция «Закрепить на странице», по центру стоит вот здесь значок. Страницу я сделал шириной в 360 пикселей и в гибком значении ширины. Вот и все.

Следующая страница, которую я еще сделал дополнительно – это страница «spasibo». Ширина данной страницы тоже 360 пикселей. И для макета выбрано гибкое значение ширины. Нажимаю «ОК». Данный текстовый фрейм на этой странице тоже закреплен по центру. Это та страница, на которую при переходе из формы в настройках формы стоит страница после отправки страницы спасибо.

Итак, у нас есть две страницы. Одна страница с формой и одна страница «spasibo». И главная страница, на которой у нас распложен сам лайтбокс. Здесь я остановлюсь немного поподробнее. Сейчас вы видите, что у меня в данном лайтбоксе, как будто бы установлена форма. Но на самом деле здесь у меня в целевом объекте данного лайтбокса установлена не форма, а установлен виджет. Виджет, про который я говорил в начале этого урока. Виджет называется «Встроенная страница». Вы просто перетаскиваете его на страницу. Здесь снимаете галочку «Отключить прокрутку» и в URL данной страницы вы должны будете указать URL-адрес той страницы, на которой будет размещена форма. В данном случае это у нас страница «form», в которой мы размещали нашу форму.

ReCaptcha 2.0 в лайтбоксе. Размещение виджета в лайтбоксе.

Сам этот виджет вы размещаете в целевой объект лайтбокса. Я сейчас делать этого не буду, поскольку у меня там уже размещен виджет. Этот я удалю, а здесь покажу, что у меня в настройках данного виджета (это сейчас настройки лайтбокса) выключена прокрутка и написан URL-адрес: , т. к. моя страница с формой называется «form». До тех пор, пока вы не опубликуете данный сайт, форма в этом лайтбоксе у вас отображаться не будет в проекте.

Поскольку я уже опубликовал данный сайт по тому адресу, который там указан, то у меня сейчас уже отображается форма в данном лайтбоксе. Т. е. если я сейчас даже чуть-чуть изменю название, например, уберу букву «l», т. е.. Если я здесь прописываю четко адрес моей страницы, которая уже размещена на хостинге, то с помощью данного виджета здесь происходит как бы трансляция страницы «form» в данный виджет. А виджет у нас размещен в целевом объекте лайтбокса. Здесь, в принципе, все.

ReCaptcha 2.0 в лайтбоксе. Размещение сайта на хостинге.

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

Минус данного способа только в том, что при размещении нескольких таких лайтбоксов на одной странице, все они будут отсылаться на одну страницу «form». Для того чтобы вы смогли отслеживать с какой именно формы пришла заявка, вам необходимо будет сделать еще одну страницу «form». Например, сдублировать ее и назвать «form1». В настройках формы делаете изменения, например, здесь пишите «Форма form1», чтобы они отличались по названию. И делаете на основной странице еще один лайтбокс с установленным в него виджетом или просто дублируете, нажав «Копировать» и «Вставить».

Мы получаем еще одну кнопку с лайтбоксом. Я размещу ее чуть ниже. И уже в настройках данного виджета, который размещен у нас здесь в целевом объекте, мы должны будем указать адрес страницы «form1». Кстати, сейчас вы увидите, что, поскольку я еще не опубликовал данную страницу у себя на сайте, здесь пока в данном лайтбоксе форма не отображается. После публикации вы увидите точно такую же картину, только в данном целевом объекте второго лайтбокса будет у нас размещена «form1».

ReCaptcha 2.0 в лайтбоксе. Особенности способа.

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

Также для каждой формы вы сможете создать отдельную страницу «spasibo». Давайте посмотрим, как это будет работать уже на сайте. Вы нажимаете на кнопку «Кнопка лайтбокса с формой во фрейме», подтверждаете, что вы не робот, рекапча срабатывает. Пишите имя. Я напишу «Дмитрий» и напишу здесь адрес любой электронной почты, например, «[email protected]», нажимаю «Отправить». И после отправки у меня появляется страница «Спасибо за Ваш заказ!» – это та страница, которую мы настраивали для данной формы, т.е. отдельная страница «spasibo». Переход на нее настроен для этой формы.

Ссылка на форум , на котором я нашел решение данного вопроса. А на этом я прощаюсь, с вами был Дмитрий Шаповалов. Смотрите мои предыдущие и следующие уроки на моем канале , ставьте лайки и пишите комментарии к этому видео.

Здравствуйте, уважаемые читатели блога сайт. Буквально чуток времени хочу уделить относительно новой капче от Гугла (она около года назад была анонсирована), которая пришла на смену старой и замороченной. Раньше наверное мало кто из блогеров, находящихся в своем уме, мог бы поставить детище Google на свой сайт или блог — уж очень муторно было разгадывать предлагаемые там буквенные ребусы. Все удобство комментирования терялось.

Собственно, в то далекое время я пользовался еще отлично работающим . Для его прохождения нужно было просто поставить галочку в поле «Я не робот» и все ( из всех возможных). Если галочка не ставилась, то сообщение падало в корзину в админке WordPress, либо при отключенной корзине (как в моем случае) просто в базу не добавлялось. Идеальный вариант, по-моему, ибо никаких особых неудобств комментатору это не создавало.

Потом этот плагин работать перестал, и я где-то полгода с успехом пользовался , но и этот метод перестал работать после обновления WordPress до версии 4.4. За это время я попробовал парочку плагинов, которые отсеивали спам на основе анализа адресата и содержания (Antispam Bee и CleanTalk). Первый довольно много путал (спам в не спам, а неспам в спам), а второй вопреки ожиданиям не снижал, а увеличивал нагрузку на сервер (да еще и платный к тому же).

В общем, решил вернуться к проверенному методу - установки простейшей из существующих капч . DCaptcha уже не работает, но зато гигант Google серьезно упростил свою изначально монструозную reCAPTCHA и свел всю проверку к той самой установке галочки «Я не робот». К сожалению, я слишком туп, чтобы понять как это дело прикрутить к сайту без плагина (хотя и пробовал), поэтому пришлось воспользоваться услугами плагина No CAPTCHA reCAPTCHA. Но обо всем по порядку.

Методы снижения спам-нагрузки и почему именно reCAPTCHA?

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

Но ручной спам, как правило, представляет из себя хиленький ручеек по сравнению с полноводной рекой автоспама. Последний может генериться, например, Хрумером в просто фантастических объемах. Лично меня больше раздражает даже не то, что в сутки приходит несколько сотен спамных комментов в мою адмнинку WordPress, а то, что они бывают чудовищно длинными и устаешь их прокручивать до кнопки «Удалить». В общем, проблема сия реальна и тем более актуальна, чем популярнее будет ваш блог.

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

  1. Фильтровать уже добавленные в базу WordPress комменты на предмет спам/неспам и распихивать их по соотвествующим папочкам. К сожалению, плагины, работающие по такому принципу, выдают много брака и просто так очищать папку «Спам» без просмотра ее содержимого не получится, если вы не хотите потерять десятки действительно ценных комментариев отправленных активными читателями вашего блога.
  2. Прикрутить к форме добавления комментария дополнительную проверку на то, кто именно оставляет это сообщение — живой человек или бот. Задача по выявлению этого различия называется тестом Тьюринга и решается в подавляющем большинстве случаев с помощью так называемой капчи (образовано от CAPTCHA, которое является аббревиатурой от набора умных слов). Основной проблемой этого метода борьбы со спамом является то, что вы напрягаете комментаторов разгадыванием «ребуса» (капчи), что может отбить у него вообще какое-либо желание продолжать пытаться оставить сообщение.

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

Вот так реКапча от Гугла будет выглядеть для 99.9% посетителей вашего сайта:

Ну и вот так, в случае возникновения форс-мажора (если алгоритм после проведения десятка тестов на человечность все же засумлевается):

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

Ну, как бы выбор сделан — надо реализовывать.

Регистрация сайта в reCAPTCHA и установка ее на свой блог

Регистрация представляет из себя просто как указание названия и доменного имени вашего сайта, где эту саму капчу вы планируете использовать:

После этого вы попадете в админку сервиса reCAPTCHA для вашего сайта (имеет смысл, наверное, добавить ее в закладки браузера). Со временем там будет отображаться статистика по работе данной капчи, ну, а пока самое важное, что мы отсюда можем почерпнуть — это как раз те самые ключи , без которых «Я не робот» работать не будет:

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

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

Настройка и работа плагина No CAPTCHA reCAPTCHA в WordPress

Ну, собственно, заходите в админку WordPress, из левого меню выбираете «Плагины» — «Добавить новый», вводите в поисковую строку No CAPTCHA reCAPTCHA и производите установку. Не забываете его активировать, а затем обычным способом заходите в его настройки (внизу левого меню вы найдете новый пункт «No CAPTCHA reCAPTCHA»).

Собственно, тут из всех настроек самым важным является опять же ввод полученных чуть выше ключей на сайте reCAPTCHA:

После сохранения этих изменений плагин сразу встает на защиту ваших комментариев от спамеров.

И не только комментариев. В настройках можно защитить с помощью этой капчи и форму входа в админку WordPress :

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

Собственно, все. Я пока не стал принудительно сбрасывать кеш в WordPress (обновил лишь те статьи, к которым традиционно Хрумер не равнодушен), поэтому reCAPTCHA отображается не на всех страницах. Каких-то нареканий в работе пока замечено не было.

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Как избавиться от спама в комментариях WordPress за 5 минут (без капчи и без плагинов) Где скачать WordPress - только с официального сайта wordpress.org Пропало левое меню в админке WordPress после обновления
Как войти в админку WordPress, а так же поменять логин и пароль администратора выданные вам при установке движка Как автоматически добавить атрибут Alt в теги Img вашего блога на WordPress (там, где их нет) Бесплатные темы и шаблоны для WordPress - где их можно скачать Как отключить комментарии в WordPress для отдельных статей или всего блога, а так же убрать или наоборот подключить их в шаблоне Смайлики в WordPress - какие коды смайлов вставлять, а так же плагин Qip Smiles (красивые смайлики для комментариев) Как узнать ID рубрики, категории, записи или страницы в WordPress и как вернуть столбец с ID в админку Вордпресса Пустая страница при просмотре больших постов (статей) в WordPress
Как обновить WordPress вручную и автоматически, а так же плагин Database Backup для резервного копирования

    +1 На рассмотрении

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

    Капча не отображается

    Обнаружил, что при использовании расширения PHP ImageMagick не работает капча в форме обратной связи {$wa->block("site.send_email_form")}. Как только переключился на GD, то капча заработала. Это у меня что-то не так или все же лучше...

    Есть решение

    Пишет Капча введена неверноСтандартная капча выдает тоже самоеПробовал чистить кэш браузера и удалял содержимое папки wa-cache не дало результатовhttp://fluxor.ru/signup/

    Обратитесь к разработчику вашей темы дизайна. В исходном коде страницы капча запрашивается дважды, второй раз по кнопке Обратная связь в низу страницы. Там ее не видно, но в исходном коде она есть.

    Есть решение

    Добавляю капчу в форме потоке (модуль Поддержка), а она не выводится на сайте на стоковом шаблоне..

    Есть решение

    Добрый день!Некоторое время назад заметил, что капча на сайте работает неправильно. Какой бы код не вводил в это поле (верный код и не верный), капча не проходит проверку.... и...

    {$wa->storage(["captcha", $wa->app()], "")}зачем такие танцы с бубнами?)) можно просто не вставлять {$wa->captcha()} в форму.проблема может быть если Вы пытаетесь использовать несколько капч на странице - решение попадалось на форуме...может плагин...а может кеш..гадать можно долго:)

    Есть решение

    В связи с последним обновлением до версии 1.8.4.225, в котором решались какие-то вопросы с reCAPTCHA и последующим быстрым обновлением до версии 1.8.5.226 возникла следующая проблема. Если включить в магазине в Настройках -> Оформление заказа показ...

    А тем временем выкатили обновку. Надеюсь, что ничего нового не поломалось. Поставлю пока на тестовый хостинг. :)))

    +1 Исправлено

    При добавлении отзыва с настроенной невидимой капчей от Google при первом сабмите формы капча проходит, но если в форме были ошибки (не заполнены поля), то при отправке формы второй и последующий раз, капча не проходит...

    +1

    И что бы не происходило - ввод ЛЮБОГО кода капчи ВСЕГДА неправильный.