Кейс: Интеграция Yandex SmartCaptcha на формы лендинга

Общие сведения

Для сайта eurocaraplus-sale была выполнена интеграция защитного механизма Yandex SmartCaptcha. Основной целью доработки стало снижение количества спама через формы обратной связи на лендинге.

Технические особенности

• Платформа сайта: без CMS
• Месторасположение капчи: форма «заказать звонок»
• Технологии фронтенда: HTML, JavaScript

Этапы выполнения

1. Получены доступы к файлам сайта.
2. Создана копия сайта для разработки.
3. Получены доступы Yandex Cloud.
4. Подключен JavaScript капчи Yandex SmartCaptcha на страницу лендинга.
5. Внедрён HTML-элемент капчи в форму заказа звонка перед кнопкой отправки.
6. Реализована серверная проверка токена для подтверждения прохождения капчи.
7. Проведено тестирование на кроссбраузерность и корректную работу на мобильных устройствах.

Результаты

• Улучшена защита лендинга от спам-заявок с формы.
• Улучшено взаимодействие с пользователем за счёт удобного UX от Yandex SmartCaptcha.
• Сохранена высокая скорость загрузки и не нарушен внешний вид формы.