Отвечая на вопрос, гтм что это — Google Tag Manager (GTM) представляет собой бесплатный инструмент для управления кодами отслеживания и аналитики: счетчиками, пикселями и скриптами сторонних систем. Диспетчер тегов позволяет добавлять элементы на сайт без прямого вмешательства программиста. Веб-аналитик один раз встраивает основной контейнер (мастер-код) в исходный код ресурса, после чего новые функции и скрипты добавляются через веб-интерфейс платформы.
Отпадает необходимость ждать свободного времени разработчика для установки фрагмента кода. Маркетолог выполняет задачу автономно, экономя бюджет компании. Инструмент поддерживает не только веб-сайты, но и мобильный трафик (приложения).
Платформа ускоряет внедрение изменений: помогает менять настройки аналитики, отслеживать клики по новым формам и кнопкам, эффективнее настраивать контекстную рекламу и проводить глубокий анализ трафика.
Запуск GTM за 5 минут
- Создайте аккаунт и контейнер (Web) на tagmanager.google.com — получите ID вида GTM-XXXX.
- Вставьте скрипт в
<head>и noscript-фрагмент сразу после открывающего<body>. - Включите «Предварительный просмотр» и откройте сайт — убедитесь, что контейнер загружен.
- Создайте тег GA4 Config (Measurement ID G‑XXXX), триггер All Pages, опубликуйте версию.
Преимущества и недостатки Google Tag Manager
Для чего нужен google tag manager и в чем его преимущества перед традиционным хардкодом скриптов:
- Интеграция любых тегов. Помимо шаблонов Google Analytics, библиотека содержит готовые решения для популярных сервисов аналитики и маркетинговых платформ. При отсутствии нужного варианта применяется шаблон «Пользовательский HTML».
- Отладка до публикации. Режим предварительного просмотра позволяет проверить работу скрипта до запуска на боевом проекте.
- Контроль версий. Откат к предыдущей рабочей конфигурации выполняется в два клика.
- Асинхронная загрузка. В отличие от прямых скриптов, диспетчер практически не снижает скорость загрузки страниц.
- Текстовая подмена без разработчика. Полезный функционал для специалиста — тестирование заголовков и элементов интерфейса без изменения исходного кода.
Недостатки решения:
- Отсутствие некоторых интеграций. Например, при установке «Яндекс.Метрики» через GTM данные о взаимодействии с виджетом Jivosite не передаются в Метрику напрямую.
- Сложности с виджетами GetCourse. Настройка целей на формы GetCourse требует предварительной интеграции платформы с Google Analytics 4, и только затем подключается цель в диспетчере. Подобные нюансы возникают с любыми сторонними iframe-формами.
- Привязка к экосистеме Google. Требуется корпоративный аккаунт Gmail для сохранения доступов при смене подрядчиков.
Преимущества перевешивают локальные минусы, с которыми сталкивается далеко не каждый клиент или маркетолог.
- Термины, используемые в GTM
- Установка Google Tag Manager на сайт
- Настройка цели в Google Tag Manager
- Подключение Google Tag Manager к сервисам Google
- Как подключить сторонний код к Google Tag Manager
- Коротко о главном
Термины, используемые в GTM
Перед тем как установить Google Tag Manager, необходимо изучить базовую терминологию интерфейса:
|
Термин |
Описание |
|
Тег |
Фрагмент JS-кода, выполняемый системой. Скрипт устанавливается на сайт через интерфейс. Активация происходит через триггер. Обширная библиотека шаблонов позволяет добавлять теги без знания JavaScript |
|
Триггер |
Условие активации тега. Фиксирует определенное действие: клик по кнопке, переход по ссылке, скролл страницы, отправку формы |
|
Переменная |
Параметр, передающий дополнительные данные. Например: Click URL (адрес ссылки) или Scroll Direction (направление прокрутки) |
|
Контейнер |
Оболочка для хранения всех тегов проекта. Управляет запуском сторонних скриптов |
Установка Google Tag Manager на сайт
Рассмотрим два алгоритма: универсальный и специфический для CMS WordPress.
Универсальный способ подключения к сайту
Первичная настройка начинается на официальном сайте. Для регистрации требуется аккаунт Gmail. Нажмите кнопку Start for free:
Добавление нового аккаунта:
Укажите название компании или проекта.
Создание контейнера: задайте имя и выберите целевую платформу. Для классического ресурса указывается «Веб-сайт»:
После клика «Создать» система генерирует два фрагмента кода. Первый скрипт предназначен для вставки в верхнюю часть разметки.
Откройте исходный код ресурса (через панель хостинга или редактор Notepad++). Вставьте первую часть максимально близко к открывающему тегу <head>. Это гарантирует отслеживание посетителей, покинувших страницу до полной загрузки.
Второй фрагмент размещается сразу после открывающего тега <body>. Логика идентична: ранний запуск скрипта повышает точность сбора статистики.
Процесс внедрения базовый, однако для популярных CMS надежнее применять готовые плагины.
Установка Google Tag Manager на WordPress
Доступные методы интеграции:
- Прямое внедрение в код шаблона.
- Использование специализированного плагина.
Выбор зависит от архитектуры проекта. Для WordPress оптимально использовать плагин Google Tag Manager for WordPress, исключающий прямое редактирование файлов темы. До старта работ сформируйте список необходимых скриптов.
Что такое глобальный тег
Стандартная аналитика часто опирается на глобальный тег gtag.js. Этот метод требует ручного редактирования исходников при каждом добавлении нового скрипта, что увеличивает затраты на разработку.
Для нового сайта целесообразно сразу внедрять GTM. При наличии установленного gtag.js возникает риск дублирования данных. Во избежание задвоения просмотров запрещено параллельно использовать интеграцию GA4 через gtag.js и тег «GA4 Configuration» в диспетчере. Необходимо либо удалить прямой код, либо не добавлять конфигуратор в контейнер. Одновременная работа искажает показатель просмотров на 40–50 %.
Настройка тега
В качестве примера используется плагин Google Tag Manager for WordPress от Thomas Geiger. Установка выполняется через административную панель: раздел «Плагины» — «Добавить новый» — поиск по названию:
После активации перейдите в настройки плагина:
Система может предложить автоматическую вставку кода на все страницы — закройте это окно, так как маршрутизация пойдет через плагин.
Скопируйте идентификатор аккаунта (GTM-XXXX) из вкладки «Администрирование»:
Вставьте скопированный ID в главную вкладку настроек плагина. Выберите размещение кода контейнера в <head> и фрагмента noscript сразу после <body>. Размещение в подвале (footer) приводит к потере части сессий на ранних этапах загрузки.
На вкладке Integration отметьте используемые на сайте компоненты. Например, активация чекбокса Contact Form 7 обеспечит корректную передачу данных об отправке форм.
Сохраните изменения.
Следующий этап — настройка google analytics через gtm. Перейдите в рабочую область диспетчера. О совместном использовании систем аналитики читайте в статье про настройку GA4.
Нажмите «Новый тег»:
Интерфейс состоит из двух блоков: конфигурация скрипта и выбор триггера.
В интерфейсе Google Analytics 4 скопируйте идентификатор потока данных (раздел «Администратор» — «Потоки данных»).
Выберите нужный поток (например, веб-версию проекта).
Скопируйте значение из поля «Идентификатор потока»:
Вернитесь в диспетчер тегов. Задайте понятное имя, выберите тип «Google Аналитика: конфигурация GA4» и вставьте скопированный ID:
Перейдите к блоку «Триггеры»:
Для базового отслеживания просмотров выберите стандартный триггер All Pages:
Сохраните конфигурацию. Итоговый вид:
Для применения изменений нажмите «Опубликовать». Присвойте версии понятное название для удобства контроля версий:
Первичная настройка gtm занимает 20–30 минут и выполняется без написания кода. Процесс реализуется через графический интерфейс, что ускоряет запуск маркетинговых кампаний.
Consent Mode v2 и порядок инициализации тегов
В 2026 году корректная работа аналитики строго зависит от согласий посетителя. Сначала инициализируется статус согласия, затем отправляются данные. Нарушение порядка приводит к потере 20–30% событий и искажению атрибуции.
Инструкция по настройке Consent Mode v2:
- Создайте тег «Инициализация согласия» (Consent Initialization). Задайте Default Consent State:
ad_storage = denied,analytics_storage = denied. - Назначьте триггер Consent Initialization — All Pages. Он срабатывает до активации остальных скриптов.
- Добавьте тег конфигурации GA4 с триггером All Pages.
- Оставьте остальные события без изменений — они автоматически унаследуют статус согласия.
- Выполните тестирование в режиме Preview: строгий порядок срабатывания — Consent Initialization, затем GA4 Config, затем пользовательские действия.
Для вывода баннера и передачи статусов интегрируется CMP-платформа (Cookiebot, Usercentrics). Расширенный режим (Advanced Consent Mode) отправляет анонимные пинги до получения согласия, восстанавливая точность атрибуции на 20–30% в cookieless-среде.
Настройка цели в Google Tag Manager
Разберем алгоритм на примере формы обратной связи Contact Form 7. Настройка целей в gtm начинается с активации встроенных переменных.
В рабочей области откройте раздел «Переменные» и нажмите «Настроить»:
Рекомендуется включить все доступные параметры (клики, формы, скроллинг), кроме специфической группы Error.
Для определения переменной запуска активируйте режим отладки:
Введите URL проекта и нажмите Connect:
В открывшемся окне заполните и отправьте целевую форму:
В панели Tag Assistant (раздел Summary) зафиксируется событие отправки формы (на скриншоте подчеркнуто):
Кликните на событие и перейдите на вкладку Variables. Найдите значение системной переменной _event:
Скопируйте это значение. Далее выполняется настройка событий в gtm. Создайте новый тег типа «Google Аналитика: Событие GA4».
Укажите конфигурационный тег GA4 и задайте имя события (удобно использовать скопированное значение переменной).
В блоке триггеров нажмите на иконку «Плюс» для создания нового условия:
Выберите тип «Специальное событие», вставьте скопированное имя и сохраните настройки.
Обязательно проведите тестирование. Заполните форму в режиме Preview и убедитесь, что тег перешел в статус Tags Fired:
При корректной отработке опубликуйте контейнер, добавив подробное описание внесенных изменений.
SPA и виртуальные просмотры
Для сайтов с динамической архитектурой (SPA на React, Vue, Angular) стандартный триггер All Pages не фиксирует переходы, так как браузер не перезагружает документ. Это ведет к потере статистики.
Два метода решения:
- Привязка триггера «Изменение истории» (History Change) к тегу GA4 Event с именем
page_viewи параметрамиpage_location,page_title. - Отправка dataLayer.push со стороны приложения:
event: 'page_view', page_location, page_titleс последующей настройкой тега на это событие.
Проверка выполняется через Preview: каждый внутренний переход должен фиксироваться как отдельный хит в Summary.
Проверка и отладка: Preview + Tag Assistant
Использование GTM Preview совместно с Tag Assistant выявляет до 80 % ошибок до релиза. Пропуск этого этапа приводит к потере данных в 65 % случаев.
Чек-лист перед публикацией:
- Запустите «Предварительный просмотр» и укажите адрес ресурса.
- В интерфейсе tagassistant.google.com убедитесь в загрузке контейнера без ошибок.
- На вкладке Summary проконтролируйте активацию базовых скриптов (All Pages) и реакцию на клики/формы.
- Сверьте передаваемые параметры (
event_name,link_url,form_id) с техническим заданием. - Присвойте версии осмысленное имя для быстрого отката при сбоях.
- После релиза проверьте поступление хитов в GA4 DebugView в реальном времени.
Подключение Google Tag Manager к сервисам Google
Помимо аналитики, платформа интегрируется с рекламными инструментами, в первую очередь с Google Ads.
Связываем Google Tag Manager с Universal Analytics
Система Universal Analytics окончательно устарела: обработка данных прекращена в 2023 году, а доступ к интерфейсу закрыт в 2024. При наличии старых тегов UA необходимо срочно перенести отслеживание на GA4. Дальнейшие инструкции сфокусированы исключительно на актуальном стандарте.
Связываем Google Tag Manager с Google Ads
Алгоритм идентичен базовой настройке. Выберите шаблон «Отслеживание конверсий в Google Рекламе» (или ремаркетинг).
Добавьте тег связывания конверсий. Для стандартного сайта достаточно активировать связывание URL на всех страницах. Кросс-доменное отслеживание настраивается при наличии нескольких поддоменов.
Заполните параметры конверсии. Идентификатор и ярлык берутся из кабинета Google Ads. Триггером выступает целевое действие (например, отправка формы Contact Form 7).
Привяжите ранее созданный триггер из списка:
Проведите тестирование связки через режим отладки.
Интеграция сервисов Google через единый диспетчер минимизирует потери данных и повышает точность сбора аудиторий.
Точная передача сигналов улучшает работу автоматических стратегий Google Ads. Алгоритмы точнее определяют целевую аудиторию для показа объявлений, опираясь на предиктивные метрики GA4.
Настройка электронной торговли через gtm. Для интернет-магазинов применяется стандарт e-commerce GA4: просмотр товара (view_item), списки (view_item_list), добавление в корзину (add_to_cart), начало оформления (begin_checkout), покупка (purchase) с передачей массива items[], параметров value и currency. При транзакции дополнительно отправляются transaction_id, tax, shipping. Реализуется через теги GA4 Event с триггерами на dataLayer. Корректность воронки проверяется в DebugView.
Как подключить сторонний код к Google Tag Manager
Платформа поддерживает внедрение любых кастомных скриптов: от пикселей соцсетей до виджетов коллтрекинга.
Подключение «Яндекс Метрики» к Google Tag Manager
Создайте тег типа «Пользовательский HTML» для размещения кода Метрики:
В интерфейсе «Яндекс Метрики» скопируйте код нужного счетчика:
Вставьте скрипт в текстовое поле конфигуратора:
Назначьте триггер All Pages. Счетчик будет фиксировать просмотры всех страниц.
Для проверки откройте сайт в режиме инкогнито. Визит отобразится в отчетах Метрики в течение 10 минут.
Важно: при таком методе интеграции некоторые сторонние виджеты (например, чаты) могут терять связь с Метрикой.
Подключение пикселя «ВКонтакте» к Google Tag Manager
Для настройки ретаргетинга откройте рекламный кабинет ВКонтакте. Перейдите в раздел «Реклама»:
Откройте вкладку «Ретаргетинг»:
Выберите подраздел «Пиксели»:
Нажмите «Создать пиксель»:
Укажите название, домен проекта и тематику. Нажмите «Создать»:
Скопируйте сгенерированный код:
В диспетчере тегов создайте тег «Пользовательский HTML» и вставьте полученный скрипт.
Установите триггер All Pages для сбора аудитории со всего ресурса.
После публикации пиксель начнет собирать базу посетителей. Сбор аудитории позволяет запускать ремаркетинг, повышая конверсию и снижая стоимость целевого лида.
Коротко о главном
- Google Tag Manager решает цели и задачи комплексно, но требует соблюдения правил приватности. Категорически запрещено передавать открытые персональные данные (PII: email, телефон, ФИО) в параметрах событий и URL.
- Алгоритмы Google автоматически блокируют аккаунты при обнаружении таких утечек.
- Применяйте хешированные идентификаторы и валидируйте поля dataLayer перед отправкой.
- Инструмент оптимизирует управление маркетинговыми скриптами, что наглядно продемонстрировано в пошаговых инструкциях.
- Бизнес сокращает издержки на разработку, что критично для проектов с ограниченным бюджетом.
- Если маркетолог хочет быстро запустить тестирование гипотез, он получает полную автономность: настройка отслеживания новых форм, кнопок и запуск рекламных кампаний выполняются без привлечения программистов.
.png)
.png)
.png)
Комментарии (10)
Оставить комментарий