Как поставить несколько Captcha на одной странице?

Question

[Андрей Сальников]

Нужно поставить несколько Captch на одну страницу.
Я знаю, что есть reCaptcha от гугл с отложеным рендером и возможностью рендерить несколько каптч на одну страницу, однако 2 и более сильно тормозят загрузку страницы. Возник вопрос альтернативы. В Joomla каптча выводиться через base64 картинкой. Так вот есть ли какие-то альтернативы Recaptcha?

Answer 1

[Алексей Бурлака]

Я знаю, что есть reCaptcha от гугл с отложеным рендером и возможностью рендерить несколько каптч на одну страницу, однако 2 и более сильно тормозят загрузку страницы.

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

Comments

[Андрей Сальников]

Спасибо за идею.

[Алексей Бурлака]

Андрей Сальников: https://developers.google.com/recaptcha/docs/display

JavaScript API
grecaptcha.render, reset, ...

Answer 2

[Артем]

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

Comments

[Андрей Сальников]

"не лучшее интерфейсное решение"... Я кажется работаю в той вселенной, где мне приходиться работать с клиентами и их "гениальными" идеями.
Смысл в том, что на сайте несколько всплывающих форм, оставить вопрос, оставить заявку на телефон. Вообщем несколько всплывающих форм. И вот в каждой нужно сделать каптчу, что бы с них не слался спам. Никто не говорит об элегантности или отпугивании пользователей. Наши клиенты отбитые на голову люди, которые ХОТЯТ, а уж как это выглядит, как это работает, как это влияет на их пользователей им плевать.
P.S. что вам было немного смешно, случай из собственно практики. 12 Google captch на каждой странице, т.к. было 12 всплывающих форм.

[Виталий]

Андрей Сальников: оставить телефон и ввести каптчу, это маразм, учитесь доносить это клиенту, а не идти у него на поводу.

[Андрей Сальников]

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

[Артем]

Сделайте подтверждение телефона через, например, sms-pilot.
И клиенту высылайте заявки только с подтвержденным телефоном. Тогда боты на 99.99% не пройдут.

[Андрей Сальников]

Артем: Ты немного не понял. Все эти формы направлены на одно - вытащить у клиента телефон.
Оставьте телефон и ваше имя и мы перезвоним. Все формы сводяться к этому. Только вот на них шлётся спам и клиент хочет каптчей их запретить.

[Виталий]

Андрей Сальников: так может просто парсить что ввелось? ну или сделать форму куда можно вводить только 1 номер и все? после этого спама н е будет вовсе.

[Андрей Сальников]

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

[Артем]

stackoverflow.com/questions/1241947/how-do-i-show-...

[Виталий]

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

[Андрей Сальников]

Виталий: Ну да. Всё равно спасибо, что уделил время.

[Андрей Сальников]

Артем: Тоже большое спасибо за ответ)

Answer 3

[Евгений]

я вот так делал

var mysitekey = 'key';
		var gcaptcha = function() {
			$().ready(function() {
				$('.grecaptcha').each(function(index, element) {
					var id = $(this).attr('id');
					window['captcha_'+id] = grecaptcha.render(id, { 'sitekey' : mysitekey });	
				})
			});
		};

<script src="https://www.google.com/recaptcha/api.js?onload=gcaptcha&render=explicit"></script>