Как работает Tag Manager
Принцип прост: один раз разработчик вставляет в код сайта контейнерный код GTM (несколько строк JavaScript). После этого все управление тегами происходит в интерфейсе Tag Manager без касания кода сайта.
Базовые концепции:
- Тег (Tag) — скрипт, который нужно выполнить (пиксель, код аналитики, чат)
- Триггер (Trigger) — условие запуска тега (загрузка страницы, клик, событие в dataLayer)
- Переменная (Variable) — динамическое значение (ID товара, сумма заказа, URL страницы)
Триггер: Purchase event → dataLayer
Тег: Яндекс.Метрика → цель «Покупка», передать order_value
Переменная: {{dlv - order_value}} = 4500
Data Layer: фундамент точного трекинга
Тег-менеджер наиболее эффективен в связке с dataLayer — структурированным объектом JavaScript, через который сайт передаёт события и данные. Без dataLayer теги «слепые»: они видят URL и клики, но не знают контекст (какой товар добавлен в корзину, на каком шаге воронки пользователь).
GTM vs прямое встраивание
| Критерий | GTM / ЯТМ | Прямая интеграция |
|---|---|---|
| Скорость запуска | Быстро — деплой не нужен | Медленнее — требует деплоя |
| Контроль загрузки | Ограничен порядком тегов | Полный контроль |
| Зависимость от разработчиков | Минимальная | Высокая |
| Надёжность SLA | Ниже | Выше |
| Рекомендуется | Для MVP и первых тестов | Для production при высокой нагрузке |
Типичные ошибки при работе с GTM
- Тег без dataLayer. Трекинг событий «по кликам» вместо dataLayer-событий даёт ненадёжные данные: один клик может триггерить несколько событий или не триггерить вовсе при изменении верстки.
- Дублирующиеся теги. Аналитика и пиксели, добавленные и в GTM, и напрямую в код — двойной счёт конверсий.
- Непроверенный контейнер. GTM имеет режим Preview & Debug — всегда тестируйте тег в нём до публикации в продакшн.