Вы запускаете рекламу, но не видите, какие каналы приносят продажи. Лиды теряются, а бюджет уходит впустую. 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. Свяжитесь с нами для консультации — мы проанализируем ваш сайт и предложим оптимальное решение.