Спам из форм обратной связи высасывает время и бюджет. На одном проекте интеграция reCAPTCHA v3 сократила количество спам-регистраций на 98% за неделю. Google reCAPTCHA — промышленный стандарт защиты, но неправильная настройка убивает конверсию. Наша команда с 5+ лет опыта помогает настроить reCAPTCHA под ключ: от выбора версии до серверной верификации. Подбираем оптимальную версию и стратегию score, чтобы вы получали минимум спама без потери пользователей.
Google reCAPTCHA защищает формы от автоматических ботов: регистраций спам-аккаунтов, брутфорса паролей, массовых отправок форм обратной связи. Существует три версии с разными UX-компромиссами. Правильная настройка решает, будет ли защита эффективной и незаметной для пользователей. Экономия на поддержке достигает 90%, а стоимость интеграции окупается за первые недели.
Частая проблема — неверный выбор версии reCAPTCHA. Например, на сайтах с высоким трафиком v2 Checkbox может снизить конверсию до 30% из-за лишнего шага. Наоборот, на сайтах с низким трафиком v3 может давать ложные срабатывания. Учитываем специфику вашего проекта и подбираем оптимальную конфигурацию.
Как выбрать версию reCAPTCHA?
Вот ключевые отличия:
v2 Checkbox — классический «Я не робот». Пользователь ставит галочку, иногда проходит визуальный тест. Подходит для простых форм с низкими требованиями к конверсии.
v2 Invisible — не требует взаимодействия, анализирует поведение в фоне. При подозрении показывает вызов. Хороший баланс между защитой и UX.
v3 — полностью невидимый, возвращает score от 0.0 до 1.0. Разработчик сам решает, что делать при низком score. Оптимален для сайтов с высокой посещаемостью, где важен каждый лид.
Почему reCAPTCHA v3 лучше для UX? В 80% случаев пользователь даже не замечает проверки. Это повышает конверсию форм на 15–20% по сравнению с v2.
Пошаговая инструкция интеграции reCAPTCHA v3
- Зарегистрируйте сайт в Google reCAPTCHA Admin и получите
site_keyиsecret_key. - Добавьте скрипт API на страницу:
<script src="https://www.google.com/recaptcha/api.js?render=SITE_KEY"></script>. - На стороне клиента получите токен через
grecaptcha.executeпри отправке формы. - Передайте токен на сервер в скрытом поле или через JSON-запрос.
- На сервере выполните POST на
https://www.google.com/recaptcha/api/siteverifyс параметрамиsecret,responseи опциональноremoteip. - Обработайте ответ: проверьте
successи сравнитеscoreс порогом. - Реализуйте стратегию действий в зависимости от score.
Почему серверная верификация критична?
Серверная проверка — единственная гарантия, что токен не подделан. Пропуская её, вы сводите защиту к нулю — любой злоумышленник может отправить fake-токен и обойти капчу. Мы всегда включаем обязательную верификацию через siteverify с анализом ответа. Google reCAPTCHA documentation подчёркивает это требование.
Score-стратегия для reCAPTCHA v3
| Score | Интерпретация | Действие |
|---|---|---|
| 0.9–1.0 | Явно человек | Пропустить |
| 0.5–0.9 | Вероятно человек | Пропустить |
| 0.3–0.5 | Неопределённо | Дополнительная проверка (email-подтверждение) |
| 0.0–0.3 | Вероятно бот | Блокировать или показать v2 Checkbox |
Сравнение версий reCAPTCHA
| Характеристика | v2 Checkbox | v2 Invisible | v3 |
|---|---|---|---|
| Взаимодействие пользователя | Да | Нет | Нет |
| Точность обнаружения | Высокая | Средняя | Высокая (адаптивная) |
| Влияние на UX | Заметное | Минимальное | Минимальное |
| Сложность настройки | Низкая | Средняя | Высокая |
| Гибкость действий | Нет | Нет | Полная (произвольный score) |
Интеграция с React
Установите пакет: npm install react-google-recaptcha. Используйте компонент с size="invisible" и метод executeAsync:
import ReCAPTCHA from 'react-google-recaptcha'; function ContactForm() { const recaptchaRef = useRef(null); const handleSubmit = async (e) => { e.preventDefault(); const token = await recaptchaRef.current.executeAsync(); recaptchaRef.current.reset(); await submitForm({ ...formData, recaptcha_token: token }); }; return ( <form onSubmit={handleSubmit}> <ReCAPTCHA ref={recaptchaRef} sitekey={process.env.REACT_APP_RECAPTCHA_SITE_KEY} size="invisible" /> <button type="submit">Отправить</button> </form> ); } Дополнительные рекомендации
Для серверной верификации используйте библиотеку cURL или встроенный HTTP-клиент. Проверяйте поле `success` и значение `score`. Храните `secret_key` в переменных окружения.Что входит в настройку под ключ
- Выбор версии и регистрация домена в Google Admin.
- Интеграция на фронтенде (React, Vue, или любой стек).
- Серверная верификация на PHP, Node.js, Python и др.
- Конфигурация score и стратегии действий.
- Документация интеграции и обновление конфигурации.
- Тестирование на реальных данных и гарантия 30 дней.
Свяжитесь с нами для расчета стоимости интеграции. Закажите настройку reCAPTCHA под ключ — получите консультацию по вашему проекту. Мы гарантируем прозрачность и результат.
Сроки и результаты
Базовая интеграция reCAPTCHA v3 — 4–8 часов. Сложные сценарии (несколько форм, адаптивный score) — до 2 дней. Сопровождаем проект после сдачи. Правильная настройка снижает нагрузку на поддержку до 90%.