Главная
Блог
Google Tag Manager: как установить на сайт и настроить события и конверсии

BB STUDIO 19 сентября 2026 года 10 мин чтения

Google Tag Manager: как установить на сайт и настроить события и конверсии

Аналитика и конверсия

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

Google Tag Manager централизует аналитические и рекламные теги. Один контейнер может управлять Google Analytics 4, Google Ads, пикселями и событиями; Preview позволяет проверить черновик до публикации, а версии сохраняют историю изменений. GTM не заменяет аналитику и не создаёт стратегию измерения автоматически. Надёжная настройка начинается с бизнес-целей и плана событий.

Если Analytics ещё не подготовлен, сначала используйте инструкцию по настройке Google Analytics 4, а затем управляйте тегами и событиями по этому руководству.

Что такое Google Tag Manager

GTM — система управления тегами. Веб-контейнер хранит правила запуска интеграций.

Компонент	Назначение	Пример
Контейнер	объединяет конфигурацию сайта	`GTM-XXXXXXX`
Тег	передаёт данные или запускает интеграцию	Google tag, GA4 Event, Ads Conversion
Триггер	определяет момент запуска	просмотр, клик, custom event
Переменная	подставляет динамическое значение	URL, текст кнопки, сумма
dataLayer	передаёт структурированные данные	`purchase`, `value`, `items`
Workspace	хранит неопубликованные изменения	новая форма
Version	фиксирует релиз контейнера	аналитика 1.2

GTM сокращает количество ручных правок кода для стандартных интеграций, но не отменяет разработку. AJAX-формы, авторизация, корзина, вариации товаров и оплаты часто требуют событий из самого приложения через dataLayer.

Чем отличаются GTM, GA4 и Google Ads

GTM управляет тегами и условиями запуска;
GA4 собирает, обрабатывает и показывает данные;
Google Ads использует конверсии для отчётов и ставок;
сайт или dataLayer сообщает о фактическом действии пользователя.

Сайт создаёт сигнал, GTM направляет его, GA4 анализирует, а Google Ads использует для оценки рекламы. Ошибка на любом этапе искажает результат.

Подготовьте план измерения

До создания контейнера соберите доступы к домену, CMS, Analytics и Ads. Выпишите домены, поддомены, формы, телефоны, мессенджеры, CTA, бронирования и шаги checkout. Определите владельца аккаунтов, права публикации и логику consent.

Бизнес-цель	Событие	Параметры	Конверсия	Проверка
Заявка	`generate_lead`	`form_name`, `page_location`	да	подтверждённый успех
Интерес к звонку	`click_phone`	`link_url`, `page_location`	зависит	клик `tel:`
Начало покупки	`begin_checkout`	`value`, `currency`, `items`	нет	открыт checkout
Покупка	`purchase`	`transaction_id`, `value`, `currency`, `items`	да	заказ подтверждён

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

Создание аккаунта и контейнера

Откройте tagmanager.google.com через корпоративный Google-аккаунт.
Создайте аккаунт GTM для организации.
Создайте контейнер сайта и выберите Web.
Назовите контейнер основным доменом.
Выдайте сотрудникам и подрядчикам минимально необходимые права.

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

Установка контейнера на сайт

GTM предоставляет два фрагмента:

JavaScript размещают как можно выше внутри <head>;
<noscript> — сразу после открывающего <body>.

Код должен присутствовать на всех страницах, где нужно измерение. Не устанавливайте одинаковый контейнер дважды.

WordPress

Используйте дочернюю тему, проверенную интеграцию или контролируемый модуль темы. Обновление не должно удалять код. Не подключайте GA4 одновременно через тему, плагин, Elementor и GTM: дубликаты создают повторные просмотры и события.

WooCommerce

Установка контейнера не создаёт ecommerce-аналитику автоматически. На нужных этапах передавайте товар, список, купон, валюту, цену, количество и транзакцию. Готовый плагин ускоряет запуск, но его dataLayer нужно проверить с вашей темой, checkout, оплатами и статусами заказов.

Собственная разработка или SPA

Добавьте фрагменты в глобальный шаблон. Приложение должно отправлять события, когда действительно подтвердило действие. Для SPA отдельно настройте смену маршрутов и виртуальные просмотры.

Проверка установки

Нажмите Preview и подключите Tag Assistant. Проверьте:

контейнер загружается на основных шаблонах;
нет дублей и неизвестных ID;
Google tag срабатывает один раз;
consent соответствует выбору посетителя;
события приходят в правильном порядке;
DebugView GA4 получает тестовые данные;
кеш, CSP и расширения не мешают тесту.

Официальная документация объясняет, что Preview позволяет использовать текущий черновик как опубликованный и видеть, какие теги сработали и в каком порядке.

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

Создайте Google tag с Measurement ID G-XXXXXXXXXX и базовым триггером All Pages. Проверьте несколько страниц в Preview, Realtime или DebugView, удалите дубли старого кода, создайте именованную версию и опубликуйте.

GTM-... — идентификатор контейнера, а G-... — идентификатор потока GA4. Их нельзя подменять друг другом.

Какие события отслеживать

Сайт услуг

подтверждённая отправка формы;
клики по телефону, email и мессенджерам;
запуск и завершение квиза или калькулятора;
скачивание прайса;
бронирование консультации;
взаимодействие с кейсом;
страница благодарности, если URL уникален.

Интернет-магазин

view_item_list, select_item, view_item;
add_to_cart, remove_from_cart, view_cart;
begin_checkout;
add_shipping_info, add_payment_info;
purchase;
refund, если интеграция это поддерживает.

Используйте рекомендованные GA4-названия и параметры там, где они соответствуют действию. Это сохраняет совместимость со стандартными отчётами.

Контентный сайт

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

Клик не равен успешной заявке

Событие по кнопке «Отправить» создаёт ложные лиды, если валидация не пройдена, сервер вернул ошибку или пользователь кликнул несколько раз. Запускайте событие после успешного ответа или уникального состояния успеха.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'generate_lead',
  form_name: 'project_request'
});

В GTM создайте Custom Event Trigger для generate_lead, Data Layer Variable для form_name и GA4 Event tag. Не отправляйте в Analytics email, телефон, имя или текст сообщения.

Клики по телефону и email

Используйте ссылки tel: и mailto:. Триггер Just Links может проверять Click URL starts with tel: или mailto: и отправлять click_phone или click_email с параметрами link_url и page_location.

Клик не подтверждает состоявшийся звонок. Для точных данных нужен коллтрекинг или интеграция телефонии.

Как работает dataLayer

dataLayer — глобальный JavaScript-массив, через который сайт передаёт GTM структурированные события и параметры. Он надёжнее считывания текста страницы или CSS-селекторов.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'ORDER-1048',
    value: 2490,
    currency: 'UAH',
    items: [{
      item_id: 'SKU-15',
      item_name: 'Product name',
      price: 2490,
      quantity: 1
    }]
  }
});

Отправляйте purchase после подтверждения заказа и используйте уникальный transaction_id, чтобы обновление страницы благодарности не дублировало доход.

Google рекомендует инициализировать массив через window.dataLayer = window.dataLayer || [], затем использовать push(). Не перезаписывайте массив после загрузки GTM и соблюдайте регистр названий.

Теги, триггеры и переменные

Полный поток:

приложение выполняет dataLayer.push();
GTM читает ключ event;
Custom Event Trigger сопоставляет название;
Data Layer Variables читают параметры;
GA4 Event tag передаёт событие;
GA4 обрабатывает данные;
ценное событие становится key event;
конверсия импортируется или передаётся в Google Ads.

Используйте понятные имена: GA4 - Event - Generate Lead, Trigger - CE - generate_lead, DLV - form_name. Система названий облегчает аудит и передачу проекта.

Конверсии Google Ads через GTM

Создайте действие-конверсию в Google Ads, скопируйте Conversion ID и Conversion Label и используйте нативный тег Google Ads Conversion Tracking. Для покупки передавайте динамическую сумму, валюту и идентификатор транзакции.

Проверьте Conversion Linker и consent. Не считайте одно действие дважды через прямой Ads tag и импорт из GA4, если отчётность специально не разделяет основные и дополнительные действия.

Отслеживание должно соответствовать структуре кампаний, посадочным страницам и ценности лида. Это входит в профессиональную настройку Google Ads.

UTM-метки и GTM

UTM описывают источник перехода, а GTM управляет событиями после открытия сайта. Создавайте единообразные ссылки для рекламы, email, партнёров и QR-кодов через UTM-генератор BB STUDIO.

Используйте одинаковый регистр. facebook, Facebook и fb разделятся в отчёте. Не добавляйте UTM во внутренние ссылки сайта, чтобы не перезаписывать источник.

GTM не является баннером согласия. Баннер или CMP получает выбор, а Consent Mode сообщает состояние тегам. Default consent должен применяться до запуска зависимых тегов и обновляться после выбора.

Проверьте принятие, отказ и изменение настроек. Свяжите теги с типами согласия и обновите документы о cookie и конфиденциальности. GTM не отменяет юридические обязанности бизнеса.

Тестирование и публикация

Пройдите положительные и отрицательные сценарии. Убедитесь, что валидная форма даёт одно событие, а невалидная — ни одного. Обновите страницу благодарности, вернитесь в checkout, откажитесь от аналитических cookie и кликните похожие элементы, которые не должны запускать триггер.

Проверьте название, параметры, статус тега, DebugView, мобильную и десктопную версии. Затем нажмите Submit, создайте версию с названием и описанием, просмотрите Activity History и опубликуйте.

Производительность контейнера

GTM не делает сторонние скрипты лёгкими. Множество пикселей, чатов и Custom HTML увеличивают запросы и JavaScript-нагрузку.

удаляйте неиспользуемые теги и переменные;
ограничивайте триггеры нужными страницами;
избегайте дубликатов;
предпочитайте нативные шаблоны случайному Custom HTML;
проверяйте влияние сторонних тегов;
загружайте необязательные интеграции после consent или взаимодействия;
регулярно проводите аудит.

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

Аналитика во время разработки

Для нового проекта запланируйте measurement plan, dataLayer и consent до разработки форм, checkout и кабинета. Это надёжнее привязки триггеров к нестабильным CSS-классам после запуска. При разработке сайта аналитика должна входить в чек-лист приёмки.

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

Как использовать данные для роста конверсии

Сравнивайте посадочные страницы и заявки, источники и качество лидов, начало формы и подтверждённую отправку, просмотр товара и покупку. Сегментируйте устройства, рынки, кампании и страницы.

Если посещения растут, а обращения — нет, прочитайте, почему сайт получает трафик, но не приносит заявки. Для поиска проблем навигации и форм используйте UX-аудит сайта.

Типичные ошибки

Контейнер отсутствует на части страниц.
GA4 подключён несколькими способами.
Клики считаются успешными заявками.
Триггеры зависят от изменяемых CSS-классов.
Названия событий хаотичны.
В Analytics передаются персональные данные.
Покупка повторяется после обновления страницы.
Теги публикуются без Preview.
Consent не соответствует выбору посетителя.
Версии не имеют описаний и владельцев.
Конверсии Ads считаются дважды.
Данные собираются, но не используются.

Чек-лист запуска

создан корпоративный аккаунт и Web-контейнер;
владелец бизнеса имеет административный доступ;
оба фрагмента GTM установлены правильно;
старые скрипты проинвентаризированы;
Google tag не дублируется;
measurement plan согласован;
формы сообщают подтверждённый успех;
ecommerce-события передают параметры;
transaction_id уникален;
UTM-названия стандартизированы;
consent проверен для согласия и отказа;
Preview и DebugView пройдены;
мобильные и десктопные сценарии протестированы;
создана именованная версия;
после публикации проведён контрольный тест;
назначен ответственный за изменения.

Вывод

Google Tag Manager даёт контроль над тегами, но качество аналитики определяется логикой измерения. Начните с бизнес-целей, создайте план событий, установите контейнер без дублей, передавайте важные действия через dataLayer, тестируйте положительные и отрицательные сценарии, а затем используйте данные для улучшения рекламы и сайта.

BB STUDIO может проверить теги, подготовить measurement plan, настроить GA4, Google Ads, ecommerce-события и контроль качества. Свяжитесь с BB STUDIO, чтобы получить план внедрения. Для стабильного органического привлечения аналитику стоит объединить с SEO-продвижением сайта.

Часті питання

Стандартная версия доступна без отдельной платы. Бизнес может оплачивать работу специалистов по стратегии, dataLayer, настройке, тестированию и поддержке.

Нет. GTM управляет тегами и условиями запуска, а GA4 принимает, обрабатывает и показывает данные.

Базовый контейнер можно добавить через проверенную интеграцию. Для надёжных AJAX-форм, ecommerce, кабинета и нестандартных сценариев часто нужны разработка и тестирование dataLayer.

Проверьте контейнер, условия триггера, регистр названия события, consent, блокировщики, CSP, кеш и значения переменных. Откройте Tags Fired и Tags Not Fired для конкретного события.

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

Оцените статью

Это помогает нам писать лучшие материалы

Будьте первым, кто оценит 5.0 из 5 0 голосов

Поділитися статтею:

Мы предлагаем

NEW CASE

Сделаем первый шаг к вашему сайту — напишите нам

Google Tag Manager: как установить на сайт и настроить события и конверсии

Что такое Google Tag Manager

Чем отличаются GTM, GA4 и Google Ads

Подготовьте план измерения

Создание аккаунта и контейнера