Google Tag Manager: установка тегов без разработчика
Что такое Google Tag Manager
Google Tag Manager (GTM) — бесплатная система управления тегами, которая позволяет добавлять и обновлять код аналитики, рекламных пикселей и других скриптов на сайте без участия разработчика. Вместо того чтобы каждый раз править код сайта, вы управляете всеми тегами через удобный интерфейс.
GTM экономит время и деньги: маркетолог может самостоятельно настроить отслеживание целей, установить пиксели рекламных систем и передать данные в Google Analytics 4 или Яндекс.Метрику.
Как работает GTM
Три ключевых понятия
- Теги — фрагменты кода, которые выполняются на странице (GA4, Метрика, пиксели VK, Facebook)
- Триггеры — условия срабатывания тегов (загрузка страницы, клик по кнопке, отправка формы)
- Переменные — динамические значения (URL страницы, текст кнопки, значение поля формы)
Принцип работы
На сайт устанавливается один код GTM-контейнера. Все остальные скрипты (аналитика, реклама, чаты) управляются через веб-интерфейс GTM. Когда посетитель заходит на сайт, GTM проверяет триггеры и запускает соответствующие теги.
Установка GTM
- Создайте аккаунт на tagmanager.google.com
- Создайте контейнер для сайта
- Скопируйте два фрагмента кода
- Первый — в
<head>, второй — сразу после<body> - Для WordPress используйте плагин (GTM4WP или Site Kit)
Типичные задачи, решаемые через GTM
Установка систем аналитики
- Google Analytics 4 — встроенный тип тега
- Яндекс.Метрика — через «Пользовательский HTML»
- Пиксели рекламных систем (VK, Facebook, myTarget)
Отслеживание действий без кода
- Клик по кнопке — триггер «Клик» с фильтром по CSS-классу или тексту
- Отправка формы — триггер «Отправка формы»
- Скролл до определённой точки — триггер «Глубина прокрутки»
- Просмотр видео — триггер «Видео YouTube»
- Клик по телефону/email — триггер «Клик» с фильтром по href
Передача данных в dataLayer
GTM тесно связан с dataLayer — объектом JavaScript для передачи данных. Разработчик добавляет данные в dataLayer, а маркетолог использует их в GTM без правки кода.
Режим предварительного просмотра
Перед публикацией изменений обязательно тестируйте в режиме предварительного просмотра (Preview):
- Нажмите «Предварительный просмотр» в GTM
- Откроется Tag Assistant — отладочная панель
- Перейдите на сайт — увидите, какие теги сработали и почему
- Проверьте каждый триггер и тег
- Только после успешного теста нажмите «Опубликовать»
Версионирование и безопасность
GTM сохраняет историю всех изменений. Вы можете:
- Откатиться к любой предыдущей версии
- Посмотреть, кто и когда внёс изменения
- Разграничить права доступа: чтение, редактирование, публикация
Продвинутое использование
Триггеры видимости элемента
Отслеживайте, когда пользователь видит определённый элемент на странице (баннер, блок отзывов, форму). Полезно для понимания эффективности контента без карты скроллинга.
Пользовательские события для Метрики
Через GTM можно отправлять события в Яндекс.Метрику без правки кода сайта: создайте тег с пользовательским HTML, содержащим ym(XXXXXXXX, 'reachGoal', 'goal_name').
Enhanced Ecommerce
Настройте передачу данных электронной коммерции в GA4 через GTM, используя dataLayer и встроенные теги ecommerce.
Часто задаваемые вопросы
GTM замедляет сайт?
Сам контейнер GTM весит около 30 КБ и загружается асинхронно. Однако если добавить много тегов (10+ скриптов), суммарная нагрузка может быть ощутимой. Оптимизируйте: удаляйте неиспользуемые теги, используйте триггеры с условиями вместо «All Pages».
Можно ли использовать GTM без программиста?
Для базовых задач (установка аналитики, отслеживание кликов и форм) — да. Для сложных сценариев (ecommerce, кастомные события, интеграция с CRM) может потребоваться разработчик для подготовки dataLayer на стороне сайта.
GTM и Яндекс.Метрика совместимы?
Полностью совместимы. Яндекс.Метрику можно установить через GTM как пользовательский HTML-тег. Цели Метрики (JavaScript-события) также настраиваются через теги GTM с нужными триггерами.
GTM — незаменимый инструмент для маркетолога, который хочет управлять аналитикой без зависимости от разработчиков. Свяжитесь с нами для настройки.