Google Tag Manager (GTM) — это система управления тегами, где все скрипты аналитики и маркетинга хранятся в одном контейнере и подключаются через веб-интерфейс. Что это значит на практике: вместо правки исходного кода под каждый новый пиксель разработчик один раз вставляет фрагмент контейнера, а дальше теги добавляет и правит маркетолог.
Контейнер связывает три сущности: теги (что отправить), триггеры (когда сработать) и переменные (какие данные передать). Через диспетчер тегов подключают счётчики GA4, пиксель Meta, коды Яндекс Метрики и отслеживание событий — клики, отправку форм, прокрутку. Каждое изменение сначала проходит режим предпросмотра и только потом публикуется.
§ 01Зачем нужен
Скорость внесения правок — главная причина ставить GTM. Новый рекламный пиксель или событие настраивается за минуты без релиза кода и без очереди к разработчику. Система управления тегами снимает риск сломать вёрстку: скрипты живут отдельно от шаблонов сайта. В одном контейнере собираются GA4, Яндекс Метрика, пиксели соцсетей и произвольный HTML. Версионирование хранит историю публикаций, поэтому откат к рабочему состоянию делается в один клик.
§ 02Как устроен
Основа контейнера — три типа объектов. Теги отправляют данные во внешние сервисы: код GA4, пиксель, произвольный скрипт. Триггеры задают условие срабатывания: загрузка страницы, клик по элементу, отправка формы. Переменные подставляют значения: URL, текст клика, данные из dataLayer. Отдельный слой dataLayer — массив JavaScript, куда сайт передаёт события и параметры для тегов. Этот механизм связывает бэкенд сайта и диспетчер тегов без прямого доступа к скриптам.
10 минут на внедрение — Интернет-магазин косметики на Shopify подключил через один контейнер GTM счётчик GA4, пиксель Meta и события add_to_cart без правки темы. На настройку ушло 10 минут вместо 2 дней разработки. Проверка тегов через Preview-режим GTM и GA4 DebugView.
события +18 за квартал — B2B SaaS с MRR около $200k перенёс отслеживание форм и триала в GTM, добавив 18 пользовательских событий за квартал силами маркетолога. Скорость правок выросла втрое. Контроль срабатываний через Tag Assistant и отчёты GA4 Acquisition.
§ 03Как настраивается
Установка начинается с создания контейнера в аккаунте и вставки двух фрагментов кода: один в <head>, второй сразу после открытия <body>. Дальше внутри интерфейса создают тег, привязывают к нему триггер и при необходимости переменные. Для отслеживания кликов и форм включают встроенные переменные в разделе Variables. События из кода сайта передают через dataLayer.push(). Готовую конфигурацию сохраняют и отправляют в публикацию кнопкой Submit.
§ 04Как проверить, что работает
Режим Preview — штатный способ проверить контейнер до публикации. После запуска открывается панель Tag Assistant, где видно, какие теги сработали на конкретном действии, а какие остались неактивными. Рядом полезно держать расширение Tag Assistant и вкладку Network в консоли браузера: там отслеживают реальные запросы к GA4 и другим сервисам. Отчёт DebugView в GA4 показывает, доходят ли события с параметрами. Если тег не срабатывает, причина почти всегда в триггере или в пустой переменной dataLayer.