Популярное
Свежее
Моя лента
Сообщения
Рейтинг
Курсы
Темы
Маркетинг
Сервисы
AI
Личный опыт
Деньги
Инвестиции
Право
Карьера
Путешествия
Крипто
Показать все
vc.ru
О проекте
Правила
Реклама
Приложения
Alexey Laptev

Как быстро настроить 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

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

  1. Server-side tracker => Яндекс Метрика
  2. Server-side tracker => Google Analytics 3
  3. Server-side tracker => Google Analytics 4
  4. Server-side tracker => Facebook (Conversion API)

Итого

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

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

1 ответ на пост
2 комментария
\n","lang":""}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Настраиваем отправку событий на сайте"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"Отправить событие","lang":""}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Проверяем что события приходят"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"8da06a1c-b7ce-54d6-9096-485ab10ddaae","width":1129,"height":468,"size":35806,"type":"png","color":"c3e3cc","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"da1e4eda-c630-56b9-912e-0b94d901c525","width":1126,"height":637,"size":18536,"type":"png","color":"f3f3f3","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Настраиваем связки отправки событий в другие сервисы"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"137528a7-b4bf-5a9b-beaf-3f4e1d1ee69a","width":1125,"height":738,"size":18299,"type":"png","color":"d0d8de","hash":"","external_service":[]}}}]}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Список коннекторов:"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Server-side tracker => Яндекс Метрика","Server-side tracker => Google Analytics 3
","Server-side tracker => Google Analytics 4
","Server-side tracker => Facebook (Conversion API)
"],"type":"OL"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Итого"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":2,"favorites":1,"reposts":1,"views":19,"hits":1015,"reads":null,"online":0},"dateFavorite":0,"hitsCount":1015,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/id223450/320364-kak-bystro-nastroit-server-side-tracking-bez-programmirovaniya-i-raboty-sapi-s-pomoshyu-low-code","author":{"id":223450,"name":"Alexey Laptev","nickname":null,"description":"Разработчик adtech, edtech сервисов. https://t.me/serial_saas","uri":"","avatar":{"type":"image","data":{"uuid":"be493bc4-527f-c418-9788-7a2866e83e40","width":200,"height":200,"size":1759,"type":"png","color":"c41c5c","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":5199791,"userId":223450,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5199791"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1575704,"userId":223450,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1575704"},{"title":"5 лет на vc.ru","code":"registration_5_years","description":"Провёл 5 лет вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"a9140d54-73b8-5f40-afa8-449fbaafd42b","formats":{"glb":"https://static.vc.ru/achievements/whale.glb","usdz":"https://static.vc.ru/achievements/whale.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.533203125,"textY":0.658203125,"logoX":0.533203125,"logoY":0.77734375,"logoXNoText":0.4375,"logoYNoText":0.66015625},"id":348996,"userId":223450,"count":0,"shareImage":"https://api.vc.ru/achievements/share/348996"}],"lastModificationDate":1764962663,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":223450,"name":"Alexey Laptev","nickname":null,"description":"Разработчик adtech, edtech сервисов. https://t.me/serial_saas","uri":"","avatar":{"type":"image","data":{"uuid":"be493bc4-527f-c418-9788-7a2866e83e40","width":200,"height":200,"size":1759,"type":"png","color":"c41c5c","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":5199791,"userId":223450,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5199791"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1575704,"userId":223450,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1575704"},{"title":"5 лет на vc.ru","code":"registration_5_years","description":"Провёл 5 лет вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"a9140d54-73b8-5f40-afa8-449fbaafd42b","formats":{"glb":"https://static.vc.ru/achievements/whale.glb","usdz":"https://static.vc.ru/achievements/whale.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.533203125,"textY":0.658203125,"logoX":0.533203125,"logoY":0.77734375,"logoXNoText":0.4375,"logoYNoText":0.66015625},"id":348996,"userId":223450,"count":0,"shareImage":"https://api.vc.ru/achievements/share/348996"}],"lastModificationDate":1764962663,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"reactions":{"counters":[],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null,"keywords":[],"media":{"type":"image","data":{"uuid":"3e024ba5-4f60-5fd3-a731-25869adb4564","width":1000,"height":455,"size":32562,"type":"png","color":"202232","hash":"","external_service":[]}},"customCover":null,"robotsTag":"noindex","categories":[],"isAnonymized":true}};