Что такое Google Tag Manager и зачем он маркетологу
Основы3 минРедакция Innovialabs
Коротко
Google Tag Manager — бесплатный контейнер, через который маркетолог подключает счётчики аналитики и рекламные пиксели без правок кода сайта. Разработчик один раз ставит GTM и передаёт события в dataLayer, а дальше теги настраиваются, проверяются и откатываются в интерфейсе.
Короткий ответ
Google Tag Manager (GTM) — бесплатный инструмент Google для управления тегами: кодами аналитики, рекламных пикселей и других сервисов. Вместо того чтобы вставлять каждый код в сайт, разработчик один раз устанавливает контейнер GTM, а всё остальное настраивается в веб-интерфейсе.
Что это даёт:
- новый пиксель или цель подключаются за минуты, без релиза сайта;
- изменения можно проверить в режиме предпросмотра до публикации;
- у каждой публикации есть версия, и ошибку можно откатить одним действием.
Из чего состоит GTM
| Элемент | Что это | Пример |
|---|---|---|
| Тег | Код, который нужно выполнить | Событие GA4, Meta Pixel, счётчик Яндекс Метрики |
| Триггер | Условие, когда выполнять тег | Просмотр любой страницы, клик по кнопке, отправка формы, пользовательское событие |
| Переменная | Значение, которое подставляется в тег или используется в условии | URL страницы, текст кнопки, сумма заказа из dataLayer |
Логика простая: тег срабатывает, когда выполняется триггер, и использует значения переменных.
Что такое dataLayer
dataLayer — это массив на странице, через который сайт сообщает GTM о том, что произошло, и передаёт данные. Разработчик добавляет в код отправку события, а маркетолог в GTM решает, каким сервисам его передать.
Пример: после успешной отправки формы сайт делает так:
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'lead_submit',
form_name: 'contact'
});
Дальше в GTM:
- Триггер типа «Пользовательское событие» с именем
lead_submit. - Переменная уровня данных
form_name. - Теги: событие GA4, событие Lead для Meta Pixel, цель в Метрике — все на одном триггере.
Одно событие от разработчиков — сколько угодно сервисов у маркетолога. Это надёжнее, чем отслеживать клики по CSS-классам кнопок: дизайн поменяется, а событие останется.
Почему это быстрее и безопаснее, чем правка кода
- Скорость. Не нужно ждать разработчика и релиз ради одного пикселя.
- Предпросмотр. Режим Preview (Tag Assistant) показывает, какие теги сработали на каждом шаге и какие данные были в dataLayer.
- Версии и откат. Каждая публикация сохраняется; неудачную можно откатить к предыдущей версии.
- Рабочие области. Несколько человек могут готовить изменения параллельно и не мешать друг другу.
- Порядок. Все теги видны в одном месте — проще понять, что вообще стоит на сайте, и убрать лишнее.
- Права доступа. Можно разрешить одним редактировать, а публиковать — только ответственному.
Как начать
- Создайте аккаунт и контейнер типа «Веб» на tagmanager.google.com.
- Попросите разработчика вставить два фрагмента кода GTM: в
<head>и сразу после открытия<body>. - Уберите из кода сайта пиксели и счётчики, которые переносите в GTM, чтобы не было дублей.
- Договоритесь с разработчиками о списке событий для dataLayer: заявка, регистрация, покупка с суммой и валютой.
- Настраивайте теги, проверяйте в Preview, публикуйте с понятным описанием версии.
Частые ошибки и риски
- Дубли. Один и тот же пиксель стоит и в коде, и в GTM — конверсии считаются дважды.
- Слишком много тегов. Каждый скрипт замедляет загрузку. Регулярно удаляйте неиспользуемые.
- Широкий доступ. GTM может выполнить любой JavaScript на сайте, поэтому права на публикацию должны быть у ограниченного круга людей.
- Публикация без проверки в режиме предпросмотра.
- Сбор персональных данных в теги без необходимости, например email в открытом виде в URL или параметрах событий.