Что такое Google Tag Manager? — Q&A Хекслет
2026-02-26 17:31 Diff
https://ru.hexlet.io/qna/glossary/questions/chto-takoe-google-tag-manager

Google Tag Manager — это инструмент для централизованного управления аналитическими и маркетинговыми тегами на сайте или в мобильном приложении. Он позволяет подключать сторонние скрипты, контролировать их активацию, упрощать работу с веб-аналитикой и снижать зависимость от разработчиков. GTM обеспечивает быстрый доступ к настройкам тегов и минимизирует вмешательство в кодовую базу.

Назначение и аудитория

Google Tag Manager применяется командами, которым требуется точное отслеживание действий пользователя и управление набором аналитических инструментов.

Сервис используют:

  • специалисты по веб-аналитике для настройки событий, передачи параметров и интеграции систем аналитики;

  • маркетологи для контроля эффективности рекламных кампаний и корректной передачи данных в рекламные платформы;

  • разработчики для структурированного подключения сторонних скриптов без перегрузки шаблонов сайта.

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

Преимущества работы с GTM

GTM предоставляет ряд технических преимуществ, влияющих на удобство сопровождения проекта:

  • библиотека шаблонов для систем аналитики (включая Google Analytics и другие популярные решения);

  • гибкое управление тегами и возможность их редактирования без релизов;

  • поддержка пользовательских тегов;

  • текстовая подмена и поиск для быстрого доступа к нужному объекту;

  • асинхронная загрузка, позволяющая минимизировать влияние тегов на скорость сайта.

Эти возможности формируют единый слой управления всеми скриптами проекта.

Структура Google Tag Manager

GTM состоит из элементов, взаимодействие которых формирует систему событий.

Контейнер

Это область, где хранятся все теги, триггеры и переменные сайта. Код контейнера внедряется в HTML и обеспечивает работу системы.

Тег

Фрагмент кода или конфигурации, отправляющей данные о действиях пользователя. Теги применяются для отслеживания:

  • просмотров страниц,

  • кликов,

  • параметров рекламных кампаний,

  • поведения в интерфейсе.

Триггер

Условие, управляющее запуском тега. Оно определяет, при каком событии и на каких страницах тег должен срабатывать.

Переменная

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

Механизм взаимодействия выглядит так: тег подключён к триггеру, триггер реагирует на событие, переменные передают данные для проверки условий.

Настройка Google Tag Manager

Авторизация выполняется через Google-аккаунт. Сразу создаётся рабочий контейнер, где указываются:

  • название компании,

  • домен сайта,

  • тип площадки (web, iOS, Android).

После создания система выдаёт код для интеграции. Он размещается в шаблонах:

Вставка фрагментов в <head>:

Вставка в <body>:

После внедрения создаётся первый тег, например Google Analytics.

Подключение Google Analytics через GTM

Чтобы связать сайт с Google Analytics с помощью GTM, создаётся отдельный тег. В интерфейсе контейнера выбирается пункт «New Tag», после чего указывается тип используемой аналитики — Universal Analytics или GA4. Далее задаётся режим отслеживания, например фиксирование просмотров страниц. Завершающим шагом добавляется триггер All Pages, который обеспечивает запуск тега на всех страницах сайта. Перед публикацией изменения проверяются в режиме предварительного просмотра: система отображает, был ли тег корректно активирован. Если ошибок нет, контейнер можно опубликовать.

Работа с триггерами

Триггеры определяют условия, при которых тег должен выполняться. Они создаются в разделе «Triggers» и используются для реагирования на конкретные действия пользователя. В GTM доступны разные типы триггеров, включая:

  • загрузку страницы;

  • клик по ссылке;

  • отправку формы;

  • изменение элемента интерфейса;

  • пользовательские события.

Пример настройки триггера для фиксирования переходов по внешним ссылкам: сначала создаётся триггер типа «Just Links», затем выбирается режим «Some Link Clicks». После этого задаётся условие, исключающее текущий домен из отслеживания — параметр Click URL должен не содержать адрес сайта. Такой триггер активирует тег только тогда, когда пользователь переходит на внешний ресурс.

Настройка переменных

В GTM доступно несколько категорий переменных.

  • Переменные страниц: полный URL, путь, источник запроса, имя хоста.

  • Переменные ошибок: используются при отладке и анализе ошибок в контейнере.

  • Переменные кликов:

HTML-элемент, URL, текст, ID, target.

  • Переменные форм: атрибуты формы, значение кнопки отправки, классы полей.

  • Переменные истории: фиксируют изменения состояния браузера, в том числе смену хеша.

Для расширенного использования включаются встроенные переменные или создаются пользовательские.

Типовые задачи, решаемые через GTM

GTM применяется для автоматизации большого набора трекинговых сценариев.

Отслеживание действий в интерфейсе

Например, клики по кнопкам соцсетей. Создаётся пользовательский тег, содержащий скрипт кнопки, и триггер, реагирующий на клик по элементу.

Встраивание микроразметки

Сгенерированный JSON-LD вставляется в пользовательский HTML-тег. Далее настраивается триггер страниц, где должна отображаться разметка.

Контроль внешних переходов

Используется триггер ссылок с фильтром по URL. В режиме отладки проверяется корректность инициализации.

Отслеживание отказов

Можно задать временной критерий: если пользователь находится на странице более заданного интервала, визит не считается отказом. Такой подход позволяет повысить точность аналитики.

Использование GTM на WordPress

Интеграция выполняется двумя способами:

  1. Установка плагина Google Tag Manager for WordPress.

  2. Вставка кода контейнера вручную в файлы темы.

В плагине указывается ID контейнера, а также доступны интеграции с другими модулями WordPress. После подключения создаётся основной набор тегов и триггеров.

Выбор тегов при настройке

Для сайтов, создаваемых с нуля, предпочтительно использовать GTM как основной слой управления трекингом. Он поддерживает работу глобального тега gtag.js, но обеспечивает большую гибкость за счёт разделения логики на теги, триггеры и переменные.