Налаштування аналітики та метрик для вебпроектів

Веб-аналітика: GA4, GTM, Яндекс.Метрика, Amplitude

Конверсія 1,2%. Трафік зростає, конверсія стоїть. Маркетолог дивиться в Google Analytics і каже: "Видим, що користувачі йдуть на кроці 2 оформлення замовлення". Розробник відкриває той самий крок і не бачить помилок. У Sentry — тиша. Значить, справа не в JS-помилці, а в UX або в даних, які Analytics показує неправильно.

Аналітика ламається непомітно. Подія перестала трекітися після редеплою — ніхто не помітив. GTM-тег стріляє двічі — дані подвоїлись. Фільтр GA4 виключає бота, який насправді — реальний трафік з корпоративного проксі.

GA4: події, параметри та що дійсно потрібно налаштовувати

Universal Analytics помер у 2023 році. GA4 — подієва модель: немає фіксованих hits сторінок та транзакцій, є події з параметрами. Це гнучкіше, але вимагає правильного дизайну подій.

Автоматичні події GA4 збирає сам: page_view, scroll, click, session_start. Це базовий рівень — не вимагає налаштування.

Рекомендовані події потрібно реалізувати самостійно: purchase, add_to_cart, begin_checkout, view_item. Google очікує конкретну схему параметрів — якщо передати product_id замість item_id, дані потраплять у GA4, але не в стандартні звіти e-commerce.

Кастомні події для специфіки проекту: filter_applied, video_progress, form_step_completed. Кастомні параметри потрібно зареєструвати в GA4 Admin → Custom definitions, інакше вони не будуть доступні в звітах.

Часта помилка: подія purchase з дублями. Причина: тег спрацює на сторінці /thank-you, користувач оновлює сторінку — другий purchase йде в GA4. Рішення: на backend генеруємо унікальний transaction_id і передаємо в подію. GA4 de-duplicates по ньому (теоретично — на практиці перевіряйте через DebugView).

Google Tag Manager: архітектура тегів

GTM — інструмент для управління тегами без деплою кода. Але "без кода" не значить "без архітектури".

Data Layer — основа всього. Передаємо дані з додатку в GTM через dataLayer.push(). Структура: event + контекстні дані. Для e-commerce: перед відкриттям сторінки товару — push з даними товару. GTM-тег читає з dataLayer, не з DOM.

window.dataLayer = window.dataLayer || [];
dataLayer.push({
  event: 'view_item',
  ecommerce: {
    items: [{
      item_id: 'SKU-12345',
      item_name: 'Назва товару',
      price: 1990.00,
      currency: 'RUB'
    }]
  }
});

Погана практика: GTM-тег парсить DOM — шукає ціну в span.price, назву в h1. Це ламається при будь-якій зміні верстки. Хороша практика: завжди dataLayer.

Preview Mode для налагодження, GTM Server-Side для чутливих даних (відправка з сервера, не з браузера — обходить блокувальники реклами, не втрачає дані).

Яндекс.Метрика: Webvisor і цілі

Для російськомовної аудиторії Метрика обов'язкова — особливо Webvisor. Подивитись запис сесії користувача, який кинув кошик — часто дає відповідь швидше, ніж тиждень аналізу воронки.

Цілі в Метриці: подієві (через ym(COUNTER_ID, 'reachGoal', 'GOAL_NAME')) або автоматичні (клік по кнопці, відвідування сторінки). Зв'язок з CRM через Метрика Плюс — передача офлайн-конверсій.

Сегменти та когортний аналіз. Метрика дозволяє сегментувати користувачів за джерелом трафіку, пристроєм, геолокацією та дивитись поведінку кожного сегменту окремо.

Amplitude: продуктова аналітика

GA4 та Метрика — маркетингові інструменти. Amplitude — продуктовий. Різниця: Amplitude заточений під аналіз поведінки користувачів всередині продукту: воронки, ретеншн, user paths.

Коли потрібен Amplitude: SaaS-продукт, мобільне додаток, будь-який продукт з зареєстрованими користувачами, де важливо зрозуміти, як користувачі проходять onboarding, на якому кроці йдуть, які фічі використовують частіше.

Ключові концепції: identify (зв'язати анонімного користувача з userId після авторизації), group (акаунт у B2B SaaS), когорти для утримання. Amplitude Chart — воронка кроків за останні 30 днів з розбивкою за джерелом.

Моніторинг якості даних

Аналітика без моніторингу — чорна скринька. Налаштовуємо:

• GA4 Realtime — перевіряємо після кожного деплою, що ключові події приходять
• Alerting у GA4 — аномалія в кількості подій purchase (різкий спад = щось зламалось)
• GTM Preview в staging-окружении перед production
• Ручні тести воронок раз на тиждень — просто пройти шляхом покупця і перевірити, що все трекується

Процес та графік

Аудит поточних тегів та даних → дизайн подієвої схеми → розробка Data Layer → налаштування GTM-тегів → QA в Preview Mode → деплой → налаштування звітів та дашбордів.

Вартість розраховується індивідуально.