Вы запускаете рекламу, но не видите, какие каналы приносят продажи. Лиды теряются, а бюджет уходит впустую. Roistat — инструмент сквозной аналитики, который связывает расходы на рекламу с реальными заявками и звонками. Но без правильной интеграции его ценность падает. Мы специализируемся на интеграции Roistat — за это время настроили аналитику для десятков компаний: от интернет-магазинов до B2B-сервисов. Наши инженеры с 5-летним опытом настраивают Roistat так, чтобы каждая форма, звонок и чат корректно атрибутировались. Гарантируем прозрачность кампаний и рост ROI.
Проблемы, которые решаем
-
Потеря визита при отправке формы. Стандартная ошибка — не передавать
roistat_visitна бэкенд. Без этого Roistat не может привязать заявку к источнику трафика. Мы решаем это добавлением скрытого поля и серверной логики. -
Некорректная работа коллтрекинга в SPA. В React или Vue скрипт подмены номеров может не сработать после динамического рендеринга. Мы инициализируем
roistat('replacePhones')в нужном жизненном цикле. - Ошибки при отправке лидов через API. Неверный формат данных или отсутствие обязательных полей (например,
visit) приводит к потерям. Мы валидируем данные на стороне бэкенда.
Как мы это делаем
Рассмотрим кейс интеграции на Laravel 11. Мы создаём сервисный класс RoistatService, который инкапсулирует отправку лидов в API.
class RoistatService { private string $projectId; private string $apiUrl = 'https://cloud.roistat.com/api/proxy/1.0/project/lead/create'; public function __construct() { $this->projectId = config('services.roistat.project_id'); } public function sendLead(array $fields, string $visitId): bool { $payload = [ 'projectId' => $this->projectId, 'visit' => $visitId, 'fields' => array_map( fn($name, $value) => ['name' => $name, 'value' => $value], array_keys($fields), array_values($fields) ), ]; $response = Http::timeout(5)->post($this->apiUrl, $payload); return $response->ok() && $response->json('status') === 'ok'; } } В контроллере вызываем этот сервис после сохранения заявки. Такой подход гарантирует, что каждый лид сопровождается корректным visitId.
Для фронтенда используем скрытое поле, которое заполняется перед отправкой формы:
document.querySelectorAll('form').forEach(form => { form.addEventListener('submit', () => { let input = form.querySelector('[name="roistat_visit"]'); if (!input) { input = document.createElement('input'); input.type = 'hidden'; input.name = 'roistat_visit'; form.appendChild(input); } input.value = getCookie('roistat_visit') ?? ''; }); }); function getCookie(name) { const m = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)')); return m ? decodeURIComponent(m[1]) : null; } Это стандартный и надёжный способ, который мы применили уже в 50+ проектах.
Процесс работы
- Анализ — изучаем ваш сайт, формы и систему управления. Выявляем точки интеграции.
- Установка счётчика — добавляем базовый скрипт Roistat в
<head>(через GTM или напрямую). - Настройка передачи визита — внедряем скрытое поле во все формы, где нужна атрибуция.
- Интеграция API — подключаем отправку лидов с бэкенда, используя ваш стек (PHP, Python, Node.js).
- Коллтрекинг — настраиваем подмену номеров, учитывая динамику SPA.
- Тестирование — проверяем, что каждая заявка и звонок видны в отчётах с правильным источником.
Сроки и что входит
Базовая интеграция (счётчик + формы) — 2–4 часа. Подключение API на нестандартном бэкенде — ещё 2–3 часа. Полный цикл с коллтрекингом и тестированием — 6–8 часов. Стоимость рассчитывается индивидуально.
В результате вы получаете:
- Документацию по интеграции
- Доступ к отчётам в Roistat
- Обучение сотрудников работе с системой
- 2 недели технической поддержки после запуска
Сравнение способов интеграции
| Способ | Сложность | Время | Надёжность |
|---|---|---|---|
| Базовый счётчик + ручная передача | Низкая | 2 ч | Средняя |
| GTM + скрытое поле | Средняя | 3 ч | Высокая |
| Полная API-интеграция на бэкенде | Высокая | 6 ч | Максимальная |
API-интеграция в 3 раза надёжнее ручной передачи через cookie: она не зависит от кеширования и корректно работает с любыми фреймворками.
Как избежать типичных ошибок?
Типичные ошибки и их решения
| Ошибка | Решение |
|---|---|
Неверный projectId в счётчике |
Проверьте идентификатор проекта в настройках Roistat |
Отсутствие roistat_visit в данных формы |
Добавьте скрытое поле и заполняйте его перед сабмитом |
| Игнорирование CORS при API-запросах | Настройте CORS на сервере для домена cloud.roistat.com |
| Коллтрекинг не работает в SPA | Вызовите roistat('replacePhones') после рендеринга |
Почему важно настраивать коллтрекинг в SPA?
В React или Vue номера телефонов могут не содержаться в исходном HTML — они рендерятся после загрузки скрипта Roistat. Без дополнительного вызова roistat('replacePhones') номера останутся исходными, и звонки не будут атрибутированы. Мы добавляем этот вызов в useEffect или onMounted, чтобы всё работало корректно.
Проверка интеграции
- Убедитесь, что
roistat_visitесть в cookies (DevTools → Application). - Отправьте тестовую форму — заявка должна появиться в Roistat с источником трафика.
- Проверьте, что номера телефонов на сайте подменяются на динамические.
Согласно официальной документации Roistat, корректная интеграция снижает стоимость лида на 20–40% и увеличивает ROI на 30%.
Почему стоит выбрать нас?
Наши инженеры имеют 5+ лет опыта в веб-аналитике и провели более 100 успешных интеграций. Гарантируем корректную атрибуцию всех касаний и рост ROI. Свяжитесь с нами для консультации — мы проанализируем ваш сайт и предложим оптимальное решение.