Настройка аналитики и метрик для веб-проектов

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.
Разработка и обслуживание любых видов сайтов:
Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Предлагаемые услуги
Показано 30 из 93 услугВсе 2065 услуг
Средняя
от 1 недели до 3 месяцев
Сложная
от 2 недель до 3 месяцев
Простая
~1 рабочий день
Простая
~1 рабочий день
Простая
от 4 часов до 2 рабочих дней
Простая
от 4 часов до 2 рабочих дней
Простая
от 4 часов до 2 рабочих дней
Простая
~1 рабочий день
Средняя
от 1 рабочего дня до 3 рабочих дней
Средняя
от 1 рабочего дня до 3 рабочих дней
Средняя
от 1 рабочего дня до 3 рабочих дней
Сложная
~2-3 рабочих дня
Средняя
от 1 рабочего дня до 3 рабочих дней
Средняя
от 1 рабочего дня до 3 рабочих дней
Сложная
от 1 недели до 3 месяцев
Средняя
от 1 рабочего дня до 3 рабочих дней
Часто задаваемые вопросы
Наши компетенции:
Этапы разработки
Последние работы
  • image_website-b2b-advance_0.png
    Разработка сайта компании B2B ADVANCE
    1212
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1161
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    852
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1041
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    822
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Разработка веб-сайта для компании ФИКСПЕР
    815

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

Конверсия 1.2%. Трафик растёт, конверсия стоит. Маркетолог смотрит в Google Analytics и говорит: «Видим, что пользователи уходят с шага 2 оформления заказа». Разработчик открывает тот же шаг и не видит ошибок. В Sentry — тишина. Значит, дело не в JS-ошибке, а в UX или в данных, которые Analytics показывает неверно.

Аналитика ломается незаметно. Событие перестало трекиться после редеплоя — никто не заметил. GTM-тег стреляет дважды — данные задвоились. Фильтр GA4 исключает бота, который на самом деле — реальный трафик с корпоративного прокси.

GA4: события, параметры и что реально нужно настраивать

Universal Analytics умер в 2023 году. GA4 — событийная модель: нет фиксированных хитов страниц и транзакций, есть события с параметрами. Это гибче, но требует правильного дизайна событий.

Автоматические события 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. Решение: на бэкенде генерируем уникальный 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 для чувствительных данных (отправка с сервера, не с браузера — обходит блокировщики рекламы, не теряет данные).

Яндекс.Метрика: Вебвизор и цели

Для российской аудитории Метрика обязательна — особенно Вебвизор. Посмотреть запись сессии пользователя, который бросил корзину — часто даёт ответ быстрее, чем неделя анализа воронки.

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

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

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

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

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

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

Мониторинг качества данных

Аналитика без мониторинга — чёрный ящик. Настраиваем:

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

Процесс и сроки

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

Сценарий Срок
Базовая настройка GA4 + GTM 1 неделя
Полный e-commerce tracking + Метрика 2–3 недели
Server-side GTM + Amplitude 3–5 недель

Стоимость рассчитывается индивидуально.