Один контейнер вместо десятка скриптов в коде сайта. Разбираем, как установить GTM самостоятельно, поставить через него конверсии Google Ads и пиксели соцсетей.
Знакомая ситуация: запускаете рекламу в Google, маркетолог просит «вставить пиксель на сайт». Вы пишете разработчику, тот ставит задачу в очередь, через три дня код появляется. Затем приходит таргетолог с Meta Pixel – и всё по новой. Потом чат на сайт, потом счётчик для ретаргетинга. Каждая мелочь – отдельный тикет, отдельный риск что-то сломать в коде, отдельные дни ожидания. А рекламные кампании стоят без данных.
Google Tag Manager (по-русски его часто называют «гугл тег менеджер» или «диспетчер тегов») закрывает эту проблему. Это бесплатный инструмент, который позволяет ставить и менять все эти коды самостоятельно, из одного интерфейса, без вмешательства в сайт и без разработчика. Один раз установили контейнер – дальше добавляете пиксели, счётчики и отслеживание событий несколькими кликами. Ниже – как он устроен, как его установить и что в нём реально ставят для бизнеса.
Содержание
Что такое Google Tag Manager простыми словами
Google Tag Manager (GTM, тег-менеджер) – это система управления кодами на сайте. Официальный русский перевод названия – «Диспетчер тегов Google», но в обиходе чаще говорят «гугл тег менеджер». Все те скрипты, которые обычно вставляют в код – счётчик аналитики, пиксель рекламы, код чата, отслеживание кнопок – GTM собирает в одно место и позволяет управлять ими без редактирования сайта.
Самая точная аналогия – электрический щиток. Раньше, чтобы добавить новую розетку, надо было вскрывать стену и тянуть проводку. GTM – это щиток, который вы один раз вмонтировали в сайт. После этого любой новый «прибор» – пиксель, счётчик, тег – подключается к щитку, а не вшивается в стену. Хотите выключить – выключаете автомат, а не сдираете обои.
Практическая выгода для бизнеса – скорость и независимость. Маркетолог или подрядчик добавляет пиксель за пять минут, а не ждёт три дня разработчика. Меньше тикетов, меньше риска сломать сайт, более быстрый запуск рекламы. Именно поэтому GTM – стандартный первый шаг, когда мы беремся за веб-аналитику сайта: без него каждое изменение в трекинге упирается в разработчика.
GTM, Google Analytics и пиксель: кто за что отвечает
Эти три вещи постоянно путают, потому что они работают вместе. Разложим роли.
| Инструмент | Что это | Роль |
|---|---|---|
| Google Tag Manager | Менеджер тегов | Хранит и запускает другие коды. Сам ничего не считает |
| Google Analytics 4 | Инструмент аналитики | Собирает данные о поведении посетителей на сайте |
| Meta Pixel / пиксель Google Ads | Код рекламной системы | Передаёт конверсии в рекламный кабинет для оптимизации рекламы |
Логика такая: GTM – это коробка, а Analytics и пиксели – инструменты внутри неё. Через GTM вы устанавливаете Google Analytics, а не наоборот. Через GTM вы ставите Meta Pixel. Сам по себе GTM не собирает никакой аналитики и не показывает отчётов – он лишь доставляет и включает те коды, которые вы в него положили.
Отдельно стоит развести GTM и настройку событий внутри самой аналитики. GTM отвечает за то, чтобы событие вообще сработало и передалось. А как эти события потом настроить как ключевые, построить по ним отчёты и избежать типичных ошибок подсчёта – это уже зона Google Analytics 4. Мы разбираем её в отдельном материале про ключевые события в GA4, потому что тема большая и заслуживает собственной статьи. Здесь сосредоточимся на GTM как на инструменте установки.
Три понятия, которые надо знать: тег, триггер, переменная
Вся работа в GTM строится на трёх понятиях. Поймёте их – поймёте весь инструмент.
Тег (tag)
Тег – это собственно код, который надо запустить. Счётчик Google Analytics, пиксель Meta, отслеживание конверсии Google Ads – каждое из них в GTM является отдельным тегом. Тег отвечает на вопрос «что сделать».
Триггер (trigger)
Тригер – це умова, за якої тег спрацьовує. Він відповідає на питання «коли». Наприклад: «коли завантажилася будь-яка сторінка», «коли натиснули кнопку Купити», «коли відкрилася сторінка подяки після замовлення». Без тригера тег просто лежить і нічого не робить.
Переменная (variable)
Переменная – это дополнительная информация, которую тег может передать. Сумма заказа, название товара, идентификатор страницы. Переменные отвечают на вопрос «с какими данными». Для базовой настройки они не всегда нужны, но именно они превращают простое «была конверсия» в полезное «конверсия на 4 200 грн за товар X».
Запомнить просто: тег – что запустить, триггер – когда запустить, переменная – с какими данными. Любая настройка в GTM – это комбинация этих трёх.
Как установить GTM на сайт без программиста
Установка – самый технический момент, но и его реально пройти без разработчика. Разложим по шагам.
- Создайте аккаунт. Зайдите на tagmanager.google.com под рабочим Google-аккаунтом, создайте аккаунт компании и контейнер для вашего сайта. Выберите тип «Веб». Google выдаст идентификатор контейнера вида
GTM-XXXXXX. - Получите код контейнера. GTM покажет два фрагмента кода. Первый - для секции
head, второй - для началаbody. Нужны оба: первый запускает GTM как можно раньше, второй работает как запасной для случаев, когда в браузере выключен JavaScript. - Вставьте код в сайт. Тут способ зависит от платформы (подробно ниже). На большинстве CMS и конструкторов для этого есть специальное поле или плагин - редактировать код вручную не придётся.
- Проверьте режимом предварительного просмотра. В GTM нажмите «Просмотр» (Preview), введите адрес сайта - откроется окно с подсказкой, видит ли GTM ваш сайт и срабатывают ли теги. Это обязательный шаг: половина проблем ловится именно здесь.
- Опубликуйте. Изменения в GTM не действуют, пока вы не нажмёте «Отправить» (Submit) и не опубликуете версию. Это частая причина «я всё настроил, а не работает» - забыли опубликовать.
Конверсии Google Ads через GTM
Это самая частая причина, ради которой бизнес вообще ставит GTM. Без отслеживания конверсий реклама в Google работает вслепую: вы платите за клики, но не знаете, какие из них превратились в заказы. А без этих данных алгоритм Google Ads не может оптимизироваться на результат.
Общая логика настройки:
- В Google Ads создайте действие-конверсию (например, «Заказ» или «Заявка») и получите идентификатор конверсии и метку.
- В GTM добавьте тег типа «Отслеживание конверсий Google Ads» и впишите эти данные.
- Привяжите триггер к моменту конверсии: просмотр страницы благодарности, нажатие кнопки отправки формы, звонок через кнопку на сайте.
- Проверьте через режим предварительного просмотра, что тег срабатывает именно тогда, когда нужно, - а не на каждой странице.
Ошибка в этом месте стоит дорого: если конверсии считаются неправильно (дублируются или не срабатывают), Google Ads оптимизируется на ложные данные и сливает бюджет. Именно поэтому корректность трекинга – один из первых пунктов, который мы проверяем во время аудита контекстной рекламы: очень часто оказывается, что кампания «не работает» не из-за ставок или креативов, а из-за сломанного подсчёта конверсий. Если вы только запускаете рекламу в Google, правильный трекинг через GTM надо закладывать ещё до первого показа.
Чек-лист: 12 событий, которые стоит отслеживать через GTM на B2B-сайте
От заявки и звонка до прокрутки прайса и клика на мессенджер - полный список событий, без которых реклама и аналитика видят лишь половину картины. PDF на почту.
Meta Pixel и TikTok Pixel в одном контейнере
То же самое, что с Google Ads, работает для любой рекламной системы. В одном контейнере GTM можно держать сколько угодно пикселей: Meta Pixel для рекламы в Facebook и Instagram, TikTok Pixel, пиксель LinkedIn – все управляются из одного места.
Это удобно, когда бизнес рекламируется на нескольких площадках одновременно. Вместо того чтобы трижды обращаться к разработчику, вы добавляете три тега в GTM, привязываете к триггерам (просмотр товара, добавление в корзину, покупка) и публикуете. Каждая рекламная система начинает получать свои события независимо.
Отдельно про Meta Pixel: у него есть свои тонкости с настройкой стандартных событий и соответствием данных, которые мы разбираем в материале про пиксель Facebook и Instagram. Если вы запускаете рекламу в Facebook, корректно поставленный через GTM пиксель – основа, без которой оптимизация на покупки невозможна.
«Самые дорогие ошибки в рекламе – не в ставках и не в креативах. Они в трекинге. Кампания, которая оптимизируется на сломанные конверсии, сжигает бюджет эффективнее любой плохой стратегии».
– Владимир Кашалаба, CEO Guild of Marketing, в digital с 2014
Что ещё ставят через GTM, кроме пикселей
Пиксели и конверсии – самое очевидное применение, но далеко не единственное. Сила GTM в том, что он умеет ловить действия пользователя на сайте, для которых раньше нужен был отдельный код. Вот что бизнес чаще всего отслеживает через GTM без разработчика:
- Клики по кнопкам и ссылкам. «Заказать», «Купить», «Позвонить» – GTM фиксирует каждое нажатие и передаёт его в аналитику и рекламу. Видно не только те заявки, что дошли, но и насколько активно люди жмут кнопку.
- Отправка форм. Заявка, подписка, запрос просчёта – отдельное событие на каждую форму. Это самая частая конверсия для сайтов услуг и B2B.
- Клики по телефону и мессенджерам. Нажатие на номер телефона, кнопку Viber, Telegram или WhatsApp – важно для бизнеса, где заказы идут через звонок или чат, а не через корзину.
- Глубина прокрутки. Сколько людей дочитало длинную страницу до прайса или до блока с условиями. Если до цены доходит 10% – проблема в структуре страницы, а не в трафике.
- Просмотр видео и скачивание файлов. Сколько раз запустили презентацию, скачали прайс или коммерческое предложение.
- Добавление в корзину и начало оформления. Для интернет-магазина – ключевые шаги воронки, показывающие, где посетители срываются.
Каждое из этих событий – это не просто цифра в аналитике. Это сигнал, который можно передать в рекламу для оптимизации или собрать в аудиторию для ретаргетинга. Бизнес, который отслеживает лишь финальную покупку, видит вершину айсберга – а GTM показывает все промежуточные шаги, где клиенты теряются. Именно полный набор таких событий мы зашили в чек-лист из 12 пунктов выше – он задаёт минимум, ниже которого трекинг на B2B-сайте работает вслепую.
Уровень данных (dataLayer): когда нужен разработчик
Большинство событий выше GTM ловит сам, без вмешательства в код, – клики, формы, прокрутку он отслеживает встроенными инструментами. Но есть предел. Когда надо передать данные, которые знает только сайт – сумму конкретного заказа, название и категорию купленного товара, идентификатор клиента, – GTM сам их не видит. Тут появляется понятие уровня данных (dataLayer).
Уровень данных – это промежуток между сайтом и GTM, куда сайт «выкладывает» информацию о событии, а GTM её оттуда забирает. Простыми словами: сайт говорит «только что купили товар X на 4 200 грн», кладёт это на полку dataLayer, а GTM берёт оттуда и передаёт в аналитику и рекламу. Для базового трекинга dataLayer не нужен. Но для полноценной e-commerce-аналитики – с товарами, суммами, этапами корзины – его настройка обычно требует разовой работы разработчика, который научит сайт «выкладывать» нужные данные. Это единственная часть GTM, где «без программиста» уже не срабатывает на сложных магазинах. Дальше, когда dataLayer один раз настроен, всем управляет маркетолог из GTM.
GTM для WordPress, Tilda, OpenCart и Prom
Способ установки зависит от платформы. Во всех случаях суть одна – донести до сайта идентификатор контейнера GTM-XXXXXX, но делается это по-разному.
| Платформа | Как установить |
|---|---|
| WordPress | Отдельный плагин для Google Tag Manager (вводите идентификатор — плагин сам вставляет код) либо специальное поле в теме или конструкторе страниц |
| Tilda | Отдельное поле в настройках сайта — код вставлять не нужно, только идентификатор контейнера |
| OpenCart | Через встроенный модуль аналитики или редактирование шаблона header в теме |
| Prom.ua | В настройках кабинета есть поле для кода отслеживания или интеграции аналитики |
Общее правило: почти на всех современных платформах для GTM предусмотрено отдельное поле, и редактировать код руками не нужно. Сложность возникает лишь на старых кастомных сайтах без удобных настроек – там без доступа к коду шаблона не обойтись. В таких случаях разовая помощь подрядчика или наша поддержка сайта решает вопрос за один заход.
Согласие на cookies и Consent Mode
Отдельная тема, которую обходят стороной, пока не столкнутся. Если ваш сайт ориентирован и на пользователей из Европы, вы обязаны запрашивать согласие на сбор данных (cookies) до того, как пиксель и аналитика начнут работать. Просто поставить баннер «мы используем cookies» недостаточно – трекинг должен реально включаться лишь после согласия.
Отдельная тема, которую обходят стороной, пока не столкнутся. Если ваш сайт ориентирован и на пользователей из Европы, вы обязаны запрашивать согласие на сбор данных (cookies) до того, как пиксель и аналитика начнут работать. Просто поставить баннер «мы используем cookies» недостаточно – трекинг должен реально включаться лишь после согласия.
Для бизнеса, работающего только на украинский рынок, требования мягче, но тенденция очевидна: контроль за согласием усиливается ежегодно, и закладывать его через GTM на старте дешевле, чем переделывать весь трекинг потом. Это тот случай, когда правильная архитектура контейнера экономит не только время, но и потенциальные юридические вопросы.
Версии и откат: почему GTM безопасен для экспериментов
Одна из самых недооценённых возможностей GTM – история версий. Каждая публикация контейнера сохраняется как отдельная версия с датой, автором и описанием изменений. Это означает, что любое изменение можно откатить назад одним кликом.
Чому це важливо для бізнесу. Уявіть: підрядник додав новий тег, щось пішло не так, аналітика почала рахувати неправильно. Без історії версій довелося б згадувати, що саме змінили, і вручну це повертати. З GTM ви просто відкриваєте список версій, обираєте останню робочу й публікуєте її – сайт повертається до коректного стану за хвилину.
Тот же механизм делает GTM безопасной площадкой для экспериментов. Можно попробовать новое отслеживание, проверить в режиме предварительного просмотра, опубликовать – и если результат не устраивает, откатить. Риск сломать что-то навсегда минимальный, потому что всегда есть точка, к которой можно вернуться. Для команды, которая боится трогать трекинг «чтобы не сломать», это снимает главный страх.
Типичные ошибки и почему стоит проверять
GTM прост в ежедневном пользовании, но несколько ошибок встречаются постоянно – и все они незаметны, пока не начнёте считать деньги.
- Забыли опубликовать. Настроили тег, проверили в просмотре – а на сайте он не работает. Потому что изменения не опубликованы. Самая частая ошибка новичков.
- Двойной подсчёт. Счётчик аналитики стоит и в коде сайта, и в GTM одновременно. Данные удваиваются, конверсии раздуваются, рекламный алгоритм оптимизируется на фантомные результаты.
- Тег срабатывает не там. Конверсия привязана к просмотру любой страницы вместо страницы благодарности – и каждый визит считается как заказ.
- Не проверили после запуска. Настройку сделали один раз и забыли. А после обновления сайта структура изменилась, триггер перестал срабатывать – и трекинг тихо умер.
Когда мы открываем контейнер GTM нового клиента, чаще всего видим одно и то же: конверсия привязана к просмотру любой страницы вместо страницы благодарности, поэтому каждый визит считается как заказ. Владелец смотрит в отчёт, видит «сто конверсий» и уверен, что реклама работает, – а реально заказов было пять. Второе по частоте – двойной счётчик: аналитика стоит и в коде сайта, и в GTM, данные удваиваются, и рекламный алгоритм оптимизируется на цифры, которых на самом деле нет. Поэтому первое, что мы делаем при подключении, – не добавляем новые теги, а проверяем, правильно ли считают старые.
Отдельно полезно договориться о системе названий тегов и триггеров с самого начала. Когда в контейнере 30 тегов с названиями «Тег 1», «Тег копия (2)», разобраться в нём впоследствии невозможно. Это тот случай, когда полчаса дисциплины на старте экономят дни распутывания потом – и тот же принцип мы закладываем в структуру сайта для SEO-продвижения: порядок сверху стоит дешевле, чем хаос внизу.
Самому или заказать: когда что имеет смысл
Честный ответ: базовую установку GTM и одну-две простые конверсии вполне реально сделать самому по этому гайду. Сам инструмент бесплатный, интерфейс дружелюбный, а ошибка «забыл опубликовать» исправляется за минуту. Если у вас сайт на Tilda или WordPress и нужно поставить счётчик аналитики и одну конверсию по форме – это работа на вечер.
Заказать настройку имеет смысл в трёх случаях. Первый – когда речь о деньгах в рекламе: если вы ведёте платные кампании в Google и конверсии считаются неправильно, цена ошибки – слитый бюджет, а не испорченная статистика. Тут экономия на настройке оборачивается потерями, в разы большими, чем стоимость работы. Второй – сложный трекинг: несколько рекламных систем, e-commerce-события (товар, корзина, покупка с суммой), согласие на cookies. Тут одна неточность ломает всю аналитику. Третий – когда просто нет времени разбираться, а трекинг нужен вчера.
Ориентир по рынку: разовая настройка GTM с базовым набором событий – это работа на несколько часов специалиста, более сложный e-commerce-трекинг с проверкой – до нескольких дней. В рамках постоянного сопровождения настройка и контроль трекинга обычно входят в пакет работ без отдельной оплаты. Мы чаще делаем это именно так – потому что корректный трекинг нужен не разово, а постоянно: сайт обновляется, добавляются новые кампании, и каждое изменение может незаметно сломать ранее настроенное событие.
Не хотите разбираться в тегах и триггерах сами?
Мы устанавливаем и настраиваем Google Tag Manager, ставим конверсии Google Ads, пиксели Meta и TikTok, проверяем корректность трекинга - чтобы реклама и аналитика работали на реальных данных, а не на сломанных. Настройка под ключ или как часть сопровождения.
FAQ
-
Чем отличается Google Tag Manager от Google Analytics?
Google Tag Manager - это менеджер кодов: он устанавливает и хранит на сайте другие инструменты (счётчик аналитики, пиксель рекламы, чаты) и управляет тем, когда они срабатывают. Google Analytics - это сам инструмент аналитики, который собирает и показывает данные о поведении посетителей. GTM - это коробка с тегами, Analytics - один из тегов внутри неё. Через GTM вы ставите Analytics, а не наоборот. -
Как установить GTM на сайт без программиста?
Создайте бесплатный аккаунт на tagmanager.google.com, получите два фрагмента кода контейнера и вставьте их в сайт: один в секцию head, второй сразу после открытия тега body. На WordPress, Tilda, OpenCart и Prom это делается через встроенное поле или плагин без редактирования кода вручную. Самый простой вариант для WordPress - отдельный плагин для GTM, куда вы просто вписываете идентификатор контейнера. -
Как настроить конверсии Google Ads через GTM?
В Google Ads создайте действие-конверсию и получите идентификатор конверсии и метку. В GTM добавьте тег типа «Отслеживание конверсий Google Ads», впишите эти данные и привяжите к триггеру - например, к просмотру страницы благодарности после оформления заказа или к нажатию кнопки отправки формы. Проверьте через режим предварительного просмотра GTM, что тег срабатывает именно в момент конверсии. -
Можно ли через GTM поставить Meta Pixel и TikTok Pixel одновременно?
Да, в этом и смысл GTM. В одном контейнере можно держать сколько угодно пикселей и счётчиков: Meta Pixel, TikTok Pixel, счётчик аналитики, пиксель Google Ads. Все они управляются из одного интерфейса, без вмешательства в код сайта каждый раз. Каждый пиксель добавляется отдельным тегом и привязывается к своим триггерам. -
Как настроить GTM для WordPress, Tilda или OpenCart?
На WordPress - через плагин для Google Tag Manager или поле в теме либо конструкторе. На Tilda - в настройках сайта есть отдельное поле для идентификатора GTM, код вставлять не надо. На OpenCart и Prom - через встроенный модуль аналитики или редактирование шаблона header. Во всех случаях достаточно вписать идентификатор контейнера вида GTM-XXXXXX, а сами теги настраиваются уже внутри GTM.
