Google Tag Manager и GA4: зачем ставить аналитику через контейнер

Google Tag Manager — бесплатный инструмент для управления тегами на сайте: кодами аналитики, рекламными пикселями, скриптами отслеживания. Вместо того чтобы просить разработчика вставлять каждый новый код в шаблоны, на сайт один раз устанавливается контейнер Tag Manager, а дальше теги добавляются и настраиваются через веб-интерфейс. Для Google Analytics 4 это особенно удобно: события и ключевые действия можно настраивать без правки кода сайта.

Как устроен Tag Manager

Три основных понятия:

• Тег — фрагмент кода, который нужно выполнить: тег GA4, пиксель рекламной сети, счётчик
• Триггер — условие, при котором тег срабатывает: просмотр страницы, клик, отправка формы, прокрутка
• Переменная — значение, которое используется в тегах и триггерах: адрес страницы, текст кнопки, идентификатор измерения

Контейнер — набор всех тегов, триггеров и переменных для сайта. Изменения публикуются версиями, и любую версию можно вернуть.

Установка контейнера

Создайте аккаунт и контейнер для сайта. Tag Manager выдаст два фрагмента кода: один для блока head, другой сразу после открывающего тега body. Их нужно установить на все страницы сайта — через шаблон, настройки CMS или плагин. Это единственная правка кода, которая потребуется от разработчика.

Подключение GA4

В контейнере создайте тег Google с идентификатором измерения GA4 и триггером на все страницы. Опубликуйте контейнер. Проверьте, что в отчёте реального времени GA4 появились данные. Если до этого GA4 был установлен кодом на сайте, удалите старый код — иначе данные будут дублироваться.

Настройка событий

Главное преимущество связки — события без программиста. Примеры:

• Нажатие на номер телефона — триггер на клик по ссылке, начинающейся с tel:
• Переход в Telegram — триггер на клик по ссылке, содержащей t.me
• Отправка формы — триггер на отправку формы или на появление сообщения об успешной отправке
• Скачивание прайса или каталога — триггер на клик по ссылке на файл PDF

Для каждого создаётся тег события GA4 с понятным названием. Затем в интерфейсе GA4 нужные события отмечаются как ключевые.

Режим предпросмотра

Перед публикацией любых изменений включайте режим предпросмотра. Он открывает сайт в отдельном окне и показывает, какие теги сработали на каждое действие. Это позволяет убедиться, что событие отправляется именно при отправке формы, а не при каждом клике по странице. Параллельно смотрите режим отладки в GA4.

Другие теги в том же контейнере

В Tag Manager удобно держать и другие коды: Яндекс Метрику, пиксели рекламы в соцсетях, коды ремаркетинга. Все они управляются из одного места, а триггеры можно переиспользовать. При этом не стоит превращать контейнер в склад: каждый тег добавляет нагрузку на страницу.

Правила порядка

• Понятные названия тегов, триггеров и переменных
• Описание каждой опубликованной версии: что изменено и зачем
• Доступ на публикацию только у тех, кто понимает последствия
• Удаление тегов, которые больше не используются
• Регулярная проверка, что важные события срабатывают после изменений на сайте

Типичные ошибки при переходе на контейнер

Старый код аналитики не удалили с сайта — данные задваиваются. Триггер на отправку формы срабатывает при любом клике по кнопке, даже если форма не прошла проверку, — заявок в отчётах больше, чем в CRM. Изменения сохранены, но версия не опубликована — на сайте ничего не поменялось. Каждую из этих ошибок легко поймать в режиме предпросмотра.

Когда Tag Manager не нужен

На очень простом сайте с одним счётчиком и без настройки событий контейнер может быть лишним. Также некоторые конструкторы имеют встроенные интеграции с аналитикой, которых достаточно. Но как только появляется реклама, несколько счётчиков и потребность в событиях, Tag Manager экономит время и снижает зависимость от разработчика.