Google Tag Manager для лендинга: зачем нужен и как не сломать аналитику

Сколько раз вы просили разработчика «добавить ещё один код на сайт»? Пиксель VK Рекламы, счётчик Top.Mail.Ru, виджет чата, коллтрекинг, а потом всё это поменять, потому что маркетолог сменился. Каждый такой запрос — правка кода, ожидание и риск что-нибудь сломать. Google Tag Manager придумали ровно для того, чтобы эту очередь убрать: код ставят один раз, а всё остальное настраивают в интерфейсе.

Но у бесплатного и удобного инструмента есть обратная сторона: с ним легко задвоить визиты в Яндекс Метрике, опубликовать сломанный тег на всех посетителей разом и незаметно замедлить лендинг на пару секунд. Ниже — что такое GTM простыми словами, когда он действительно нужен лендингу, а когда нет, и как настроить его так, чтобы аналитика после этого стала лучше, а не хуже.

Что такое Google Tag Manager и какую задачу решает

Для лендинга GTM решает три практические задачи. Во-первых, маркетолог перестаёт зависеть от разработчика: новый пиксель или изменённая цель — это десять минут в интерфейсе, а не задача в трекере. Во-вторых, все коды лежат в одном месте, с историей версий: видно, кто и когда что поменял, и можно откатиться. В-третьих, появляются события, которые без GTM пришлось бы программировать: клик по конкретной кнопке, отправка формы, прокрутка до блока с ценами, просмотр видео.

Важное уточнение для российского бизнеса: GTM не привязан к Google Analytics или Google Ads. Он одинаково запускает Яндекс Метрику, пиксель VK Рекламы, счётчик Top.Mail.Ru и любой пользовательский скрипт — это просто контейнер для кодов.

Нужен ли GTM вашему лендингу

Не всегда. Если на лендинге стоит одна Яндекс Метрика с двумя целями и ближайший год ничего менять не планируется, диспетчер тегов добавит лишний слой сложности и точку отказа. Метрику в этом случае ставят напрямую в код, а цели настраивают в её интерфейсе — как это сделать с нуля, мы показали в инструкции по целям в Яндекс Метрике.

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

Как устроен контейнер: теги, триггеры и переменные

Внутри GTM всего три сущности, и разобраться в них можно за вечер. Тег — это код, который нужно выполнить: счётчик Метрики, пиксель, отправка события. Триггер — условие, когда его выполнять: загрузилась страница, кликнули по кнопке, отправили форму, проскроллили 75%. Переменная — данные, которые тег берёт в момент срабатывания: адрес страницы, текст кнопки, название тарифа из dataLayer.

Всё это живёт в контейнере, у которого есть рабочие области и версии. Вы правите настройки в рабочей области, проверяете их в режиме предпросмотра только у себя в браузере, а потом публикуете версию — и только с этого момента изменения видят посетители. Каждой версии дают название и описание: «Добавили событие отправки формы расчёта» — через полгода это спасает часы разбирательств.

Что обычно подключают через GTM на лендинге

Типовой набор для лендинга услуг или товара: Яндекс Метрика с целями на события, пиксель VK Рекламы, счётчик Top.Mail.Ru для myTarget и рекламы VK, чат-виджет или квиз, коллтрекинг с подменой номера. Реже — скрипты A/B-тестов и персонализации, пиксели партнёрских сетей, код для подмены контента под источник трафика.

Есть три способа поставить такие коды, и GTM — не единственный правильный. У конструкторов вроде Tilda есть свои поля для счётчиков; для простого лендинга этого достаточно. Разница в том, кто и как часто будет что-то менять.

Отдельная тема — интеграция форм с CRM и оплатой: она через GTM не делается, это серверная связка, а GTM лишь фиксирует факт отправки формы для аналитики. Как связать лендинг с CRM, телефонией и платёжкой, мы разбирали в обзоре интеграций лендинга; GTM в этой схеме — только слой аналитики.

Пошаговая настройка: от контейнера до публикации

Настройка GTM на лендинге занимает от пары часов до одного рабочего дня — в зависимости от числа систем и того, готов ли план событий. Именно план, а не интерфейс, определяет качество результата: если не решить заранее, какие действия посетителя вы считаете, контейнер быстро превращается в свалку тегов «на всякий случай».

На шаге с контейнером самый частый промах — оставить старый код Метрики в шаблоне и одновременно поставить её тег в GTM. Счётчик начинает считать каждый визит дважды, конверсия в отчётах падает вдвое, и маркетолог неделю ищет «проблему с трафиком». Перед публикацией откройте исходный код страницы и убедитесь, что счётчик встречается только в контейнере.

События и цели: кнопки, формы, скролл

Для лендинга обычно достаточно пяти-семи событий, и почти все они закрываются встроенными триггерами GTM: клик по элементу, отправка формы, видимость элемента, глубина прокрутки, таймер. Сложнее всего с формами: встроенный триггер «Отправка формы» срабатывает и на отправку с ошибкой валидации, а у форм на JavaScript-фреймворках не срабатывает вовсе. Надёжнее, когда сайт сам сообщает об успешной отправке событием в dataLayer.

1. 1Клик по главной кнопке. Показывает интерес к предложению даже без заявки; полезно для сравнения первых экранов.
2. 2Успешная отправка формы. Главная цель. Только после ответа сервера, а не по нажатию кнопки.
3. 3Клик по телефону и мессенджерам. Для услуг это половина заявок; без события они невидимы.
4. 4Скролл до блока с ценами. Диагностика: доходят ли до цен и что происходит после.
5. 5Открытие квиза или калькулятора. Точка, где чаще всего теряют посетителя в многошаговых сценариях.

Каждое событие из GTM должно превращаться в цель в Яндекс Метрике — «JavaScript-событие» с тем же именем. Тогда воронку и разницу между вариантами страницы можно смотреть в обычных отчётах Метрики, а не собирать вручную. Как строить такие эксперименты и не обманывать себя цифрами, мы писали в статье про A/B-тесты и аналитику лендинга.

Как не сломать аналитику: типичные ошибки

Почти все проблемы с GTM на лендингах повторяются из проекта в проект. Ниже — чек-лист, который стоит пройти перед каждой публикацией контейнера, а не только при первой настройке.

Ещё одна ошибка организационная, а не техническая: контейнер заведён на личный аккаунт подрядчика. Когда сотрудничество заканчивается, вместе с ним уходит доступ ко всей аналитике. Контейнер создают на аккаунт компании, подрядчику выдают права на публикацию, а после проекта права отзывают. Этот пункт полезно включить в чек-лист приёмки лендинга наравне с проверкой форм и скорости.

Скорость и правовые моменты

GTM сам по себе лёгкий, но он открывает дверь: через него в один клик добавляют чат, видеовиджет, ретаргетинг-пиксели, скрипт тепловых карт — и каждый из них грузится на всех страницах у всех посетителей. Пять-семь таких скриптов способны отнять у мобильной версии одну-две секунды загрузки. Правило простое: тег, который не приносит данных для решений, из контейнера убирают. Что ещё влияет на загрузку и как её измерять, — в материале о скорости загрузки лендинга.

Правовая сторона касается cookie и персональных данных. Счётчики и пиксели ставят cookie, а значит, посетителя нужно уведомить и получить согласие на обработку, как того требует российское законодательство о персональных данных. GTM здесь помогает: теги аналитики можно запускать только после того, как пользователь нажал «Согласен» в баннере, — для этого триггеру достаточно условия по событию согласия. Полный список обязательных документов и уведомлений для лендинга мы собрали в статье о правовых требованиях к лендингу.

• Загружайте не всё сразу. Тяжёлые виджеты — по триггеру видимости блока или через несколько секунд после загрузки.
• Один тег на систему. Два пикселя одной сети — задвоенные конверсии и завышенная эффективность рекламы.
• Ревизия раз в квартал. Теги отключённых сервисов и старых кампаний удаляют, а не оставляют «на паузе» навсегда.

Кому поручить настройку: сами, фрилансер или платформа

Первичную настройку GTM на лендинге с Метрикой и парой пикселей маркетолог без опыта программирования осваивает за день по документации Google — интерфейс рассчитан именно на него. Участие разработчика нужно на одном шаге: отправка событий в dataLayer из форм и кнопок. Это небольшая задача, но её лучше заложить в ТЗ на лендинг сразу, а не просить «потом».

Если лендинг делается с нуля, разумнее заказать аналитику вместе со страницей: контейнер, dataLayer, базовые события и цели в Метрике входят в объём работ и проверяются на приёмке. В мастере проектов FreeTeams такой пункт можно добавить при описании задачи — исполнители соберут страницу уже с настроенным контейнером, а не с голым счётчиком, который потом придётся переделывать.

GTM не делает аналитику лучше сам по себе. Он делает её управляемой: события заведены по плану, версии подписаны, доступ у владельца. Без плана тот же инструмент превращает контейнер в свалку тегов, где никто не помнит, что зачем стоит.

Частые вопросы

Нужен ли Google Tag Manager, если на лендинге только Яндекс Метрика?

Нет. Одну Метрику с несколькими целями проще поставить напрямую и настроить цели в её интерфейсе. GTM оправдан, когда систем три и больше или события меняются часто.

Работает ли GTM с Яндекс Метрикой и VK Рекламой?

Да. GTM — просто контейнер для скриптов: код Метрики, пиксель VK Рекламы и счётчик Top.Mail.Ru ставят как пользовательские HTML-теги или шаблоны, а события передают через dataLayer.

Почему после установки GTM визиты в Метрике выросли вдвое?

Скорее всего, счётчик стоит дважды: в коде страницы и в контейнере. Уберите его из шаблона и оставьте только тег в GTM, затем проверьте исходный код страницы.

Замедляет ли Google Tag Manager лендинг?

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

Можно ли настроить GTM без программиста?

Теги, триггеры и цели маркетолог настраивает сам через интерфейс. Разработчик нужен для одного шага — отправки событий форм и кнопок в dataLayer, что стоит включить в ТЗ на лендинг.