Как быстро настроить server-side tracking без программирования и работы с API с помощью low-code

Всем привет! Я Лаптев Алексей, основатель и главный разработчик сервисов сквозной аналитики и коллтрекинга Utmstat, а также low-code сервиса интеграций ApiMonster. Сегодня я расскажу как быстро настроить server-side tracking.

Как быстро настроить server-side tracking без программирования и работы с API с помощью low-code

Проблема на рынке

Из-за будущей угрозы отключения кук, продвинутые аналитики начинают трекать конверсии не через обычные цели, а через серверную отправку событий.

Но это все несколько сложнее чем настроить цели в метрике и требует работы с кодом, что осилят далеко не все.

Решение

Как бы не банально звучало — воспользоваться готовым решением других программистов, которые уже написали нужный код.

Мы в ApiMonster реализовали отправку событий во всех популярные сервисы аналитики:

  1. Яндекс Метрика (Оффлайн конверсии)
  2. Google Analytics 3 (measurement protocol)
  3. Google Analytics 4
  4. Facebook (Conversion API)

А теперь еще и сделали собственный трекер, который позволяет ловить и отправлять события в ApiMonster и далее через обычные связки, отправлять их в другие сервисы аналитики.

Примерно вот так:

Как быстро настроить server-side tracking без программирования и работы с API с помощью low-code

Как настроить?

Ставим код трекера на сайт

Скрипт трекера можно загрузить на свой сайт, если не хочется лишних запросов на сторонние ресурсы.

<!-- BEGIN OF APIMONSTER TRACKER CODE FOR INTEGRATION --> <script type="text/javascript"> var apiMonsterConf = { "hash": "e745a6bad4ffe5a1b35aac134ea148c7", "apiUrl": "https://api.apimonster.io/", "webhookUrl": "https://api.apimonster.ru/webhooks///58/e745a6bad4ffe5a1b35aac134ea148c7/" }; (function (u, t, m) { var s = u.createElement(t), n = u.getElementsByTagName(t)[0]; s.type = "text/javascript"; s.async = true; s.src = m + "?v=" + Date.now(); n.parentNode.insertBefore(s, n); })(document, "script", "//static.apimonster.ru/js/tracker.min.js"); </script> <!-- END OF APIMONSTER TRACKER CODE FOR INTEGRATION -->

Настраиваем отправку событий на сайте

Варианты отправки событий

<script type="text/javascript"> //Отправка события с автоматическим парсингом всех client id из cookies amt_client.sendEvent({"event": "addToCart"}); //Отправка лида с автоматическим парсингом всех client id из cookies amt_client.sendEvent({ "event": "lead", "email": "test@example.com", "phone": "79990000001", "name": "aleks", "amount": "1000" }); //Отправка лида с со своими client id и utm метками amt_client.sendEvent({ "event": "lead", "email": "test@example.com", "phone": "79990000001", "name": "aleks", "amount": "1000", "utm_source": "yandex", "utm_medium": "cpc", "utm_campaign": "12345678", "utm_content": "98765432", "utm_term": "server side tracking", "ga": "GA1.2.770159984.1624633431", "ym_uid": "1624818540106683888", "fbp": "fb.1.1624954145342.438699284", }); </script>

Пример отправки события при нажатии кнопки

<a href="#" onclick='amt_client.sendEvent({"event": "addToCart"});'>Отправить событие</a>

Проверяем что события приходят

Чтобы быть уверенным что все настроено верно и все данные корректно передаются, есть журнал логов:

Как быстро настроить server-side tracking без программирования и работы с API с помощью low-code

А также возможность посмотреть, что пришло в конкретном вебхуке:

Как быстро настроить server-side tracking без программирования и работы с API с помощью low-code

При настройке отправки событий средствами Яндекс Метрики, Google Analytics, Facebook возможности такой реалтайм отладки нет и высока вероятность где-то ошибиться.

Настраиваем связки отправки событий в другие сервисы

Далее все очень просто, вот пример настройки связки между Server-side трекером и отправкой конверсии в Facebook через Conversion API:

Как быстро настроить server-side tracking без программирования и работы с API с помощью low-code

Список коннекторов:

Итого

Если ваше время стоит дороже, чем 2000-3000 руб в месяц на закрытие и техническую поддержку важной задачи по аналитике, то это отличное решение.

В качестве бесплатной альтернативы можно попробовать реализовать все самоcтоятельно и бесплатно.

2 комментария