• Різне
  • 1 Вересня 2017 року о 14:55
  • 96
  • Андрій Скидан

Використовувати кілька reCaptcha 2 на одній сторінці неможливо. Але що робити, якщо сторінка містить кілька форм і вставити в кожну reCaptcha просто необхідно?

Вихід з цієї ситуації існує. Щоб реалізувати можливість використовувати кілька копій reCaptcha на одній сторінці, виконайте наступні кроки:

В секцію <head> додайте наступний скрипт

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

Перед тегом </body> вставте наступний скрипт

<script type="text/javascript">
var onloadCallback = function() {
mysitekey = 'Ваш-Ключ-Сайту';
grecaptcha.render('recaptcha1', {
'sitekey' : mysitekey
});
grecaptcha.render('recaptcha2', {
'sitekey' : mysitekey
});
grecaptcha.render('recaptcha3', {
'sitekey' : mysitekey
});
grecaptcha.render('recaptcha4', {
'sitekey' : mysitekey
});
};
</script>

У форми обовʼязково слід додати блоки з унікальним id (у нашому випадку це recaptcha1, recaptcha2, recaptcha3, recaptcha4) і класом g-recaptcha.

<div id="recaptcha1" class="g-recaptcha"></div>

Власне і все. Кілька reCaptcha2 на одній сторінці присутні і працюють.

Коментарі