Каптча на контактной форме Mobirise

Содержание статьи

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

Мы проанализировали данный вопрос и в этой статье вы найдете все, что необходимо знать о подключении каптчи (reCAPTCHA v2 от Google) на ваш сайт.

Нам понадобится:

Расширение Редактор кода.
Хостинг с поддержкой PHP (есть в 99% случаев).

Получаем код каптчи:

Для начала вам нужно зарегистрировать сайт в панели управления каптчами Google.
Название - выбрать можно любое.
Тип reCAPTCHA - V2.
Домены - добавляем домены, которые будут использовать данную каптчу.
В итоге мы заполним форму следующим образом.
Принимаем условия и нажимаем на кнопку Регистрация.
После этого получаем необходимые данные каптчи.

Настраиваем каптчу:

Загружаем в директорию сайта содержимое данного архива.
Копируем ссылку на файл mobiriz_captcha.js (потребуется в след. шаге).
Открываем файл mail.php (желательно через Notepad++) и заменяем значение ВАШ_СЕКРЕТНЫЙ_КЛЮЧ на значение, которое вы скопируете из поля Секретный ключ.
Обратите внимание на значение адреса получателя и прочие настройки, настройте их по своему желанию.
При желании вы можете поменять адрес страниц с состоянием отправки сообщений в конце кода файла mail.php
Сохраните файл.

Настраиваем контактную форму:

Заходим в программу Mobirise и открываем настройки проекта.

Добавляем следующий код в <head> страницы. Раскрыть код

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://www.google.com/recaptcha/api.js?onload=reCaptchaOnLoadCallback&render=explicit"></script> 
<script src="https://ваша_ссылка_на_файл/mobiriz_captcha.js"></script>

После этого переходим в настройки контактной формы и находим местечко для вставки кода каптчи.
Добавляем код каптчи и заменяем значение ВАШ_КЛЮЧ на значение, которое вы скопировали здесь. Раскрыть код
```
<div class="form-captcha"> 
<div class="g-recaptcha" 
data-sitekey="Ваш_Ключ"> 
</div> 
</div>
```
После всех действий код блока примет вид.
Сохраните изменения.
Вписываем в параметр Email получателя или Action URL : "mail.php". Как на скриншоте.