Мониторинг сайта · №05

Проверка Google Tag Manager

Чеботар А. · CEO FullCheckApp Обновлено 8 мин чтения

Коротко

Google Tag Manager (GTM) — сервис Google, через который на сайт добавляют теги аналитики и рекламы: GA4, конверсии Google Ads, пиксели Meta и TikTok, а также собственные скрипты на JavaScript. На странице для этого стоит один фрагмент кода — контейнер. Если он пропал после обновления сайта, одновременно перестают работать все теги внутри, хотя сам сайт открывается как обычно.

Содержание
  1. Что такое Google Tag Manager и контейнер GTM?
  2. Зачем следить за контейнером Google Tag Manager?
  3. Почему код Google Tag Manager пропадает со страниц?
  4. Как распознать проблему с Google Tag Manager?
  5. Как проверить Google Tag Manager самостоятельно?
  6. Что проверяет FullCheckApp
  7. Частые вопросы
  8. Источники

Что такое Google Tag Manager и контейнер GTM?

Google Tag Manager (GTM, «Менеджер тегов Google») — это сервис, в котором маркетолог настраивает теги сайта через веб-интерфейс, не правя каждый раз код страниц. Тег — это фрагмент кода, который передает данные о посещении в другой сервис: Google Analytics, Google Ads, Meta, TikTok, чат или CRM.

Кроме готовых тегов, в GTM настраивают отслеживание конверсий — например, теги конверсий Google Ads (Справка Менеджера тегов), — и добавляют собственный код на JavaScript, когда нужна функция, которой нет среди готовых шаблонов. Для этого есть теги «Пользовательский HTML» и переменные типа «Собственный код JavaScript» (Справка Менеджера тегов):

«Пользовательский тег HTML позволяет развернуть тег, который пока не поддерживается в Менеджере тегов».
— Справка Менеджера тегов, пользовательские теги (перевод)

Все теги сайта хранятся в контейнере. Google определяет его так:

«Набор тегов, триггеров, переменных и связанных с ними настроек, установленный на определенном сайте или в мобильном приложении, называется контейнером».
— Справка Tag Manager, введение в Tag Manager (перевод с англ.)

На самом сайте от контейнера есть только код установки с идентификатором вида GTM-XXXXXXX. При каждом открытии страницы он загружает с серверов Google файл gtm.js с актуальной версией контейнера, а тот уже запускает нужные теги.

СоставляющаяГде находитсяЗа что отвечает
Основной код контейнера<head> каждой страницыЗагружает gtm.js и запускает теги
Блок <noscript>Сразу после <body>Запасной вариант для браузеров с отключенным JavaScript
ТегиВнутри контейнера, в интерфейсе GTMКод GA4, Google Ads, пикселей и других сервисов
ТриггерыВнутри контейнераУсловия, при которых срабатывает тег: просмотр страницы, клик, отправка формы
ПеременныеВнутри контейнераЗначения, которые теги передают дальше: адрес страницы, сумма заказа и т. д.

Почему код Google Tag Manager пропадает со страниц?

Чаще всего — после работ на сайте, которые к аналитике отношения не имели:

  • Обновление или замена темы. Код контейнера вставили вручную в файл шаблона, а новая версия темы этот файл перезаписала.
  • Отключенный плагин. GTM подключали через плагин CMS; его отключили при поиске конфликта или обновлении — и забыли включить.
  • Редизайн или переезд на новую CMS. Новые шаблоны собирали с нуля, и о коде контейнера никто не вспомнил.
  • Новые страницы вне основного шаблона. Лендинги из конструктора, корзина или оформление заказа на отдельном шаблоне или поддомене.
  • Оптимизация скорости. Плагин кеширования или объединения скриптов изменяет или откладывает загрузку кода, и контейнер перестает запускаться.
  • Чужой идентификатор. После переноса с тестовой версии на сайте остался контейнер тестовой среды, а не рабочий.

Как распознать проблему с Google Tag Manager?

Пропажу контейнера видно не на сайте, а в отчетах сервисов, которые от него зависят:

Что вы видитеВозможная причинаЧто сделать
В GA4 резко упало число пользователей по всему сайту, в отчете «В реальном времени» пустоКода контейнера нет на страницахНайти в коде страницы GTM-; если его нет — вернуть код в шаблон или включить плагин
Данные пропали только с части страниц, например с корзиныЭти страницы собраны на другом шаблонеДобавить код контейнера в этот шаблон
Google Ads показывает ноль конверсий при стабильном числе кликовКонтейнер или тег конверсии не срабатываетПроверить страницу благодарности в режиме предварительного просмотра GTM
На странице другой идентификатор GTM-, чем в аккаунтеОстался тестовый или старый контейнерЗаменить идентификатор на рабочий
Двойные просмотры страниц в GA4Тег GA4 стоит и в коде, и в контейнереОставить один способ установки

Последняя строка — обратная ситуация: Google предупреждает, что одновременная установка тега GA4 двумя способами приводит к завышенным данным (Справка Google Analytics).

Как проверить Google Tag Manager самостоятельно?

Сначала убедитесь, что код контейнера стоит там, где его советует ставить Google:

«Скопируйте первый блок кода и вставьте его как можно выше в теге <head>. […] Скопируйте второй блок кода и вставьте его сразу после открывающего тега <body>».
— Справка Tag Manager, установка веб-контейнера (перевод с англ.)
  1. Откройте страницу и нажмите Ctrl+U (на Mac — Cmd+Option+U). Через Ctrl+F найдите googletagmanager.com/gtm.js и GTM-. Идентификатор должен совпадать с тем, что показан в интерфейсе GTM.
  2. Откройте инструменты разработчика (F12), вкладку Network, обновите страницу и отфильтруйте запросы по gtm.js. Запрос должен вернуть ответ 200.
  3. В GTM нажмите «Предварительный просмотр» (Preview) и введите адрес сайта. Режим предварительного просмотра подключает сайт к Tag Assistant, где видно, какие теги сработали и в каком порядке (Справка Tag Manager).
  4. Установите в Chrome официальное расширение Google Tag Assistant. Оно помогает проверить установку тегов Google на странице, в том числе контейнера GTM, и найти ошибки в их настройке.
  5. Повторите проверку на ключевых страницах: карточке товара, корзине, странице благодарности после заказа или заявки.
  6. В разделе «Версии» в GTM проверьте, что опубликованная версия действительно содержит нужные теги: контейнер на сайте может быть, а тег из него — удален.
  7. Или воспользуйтесь проверкой FullCheckApp «Проверка Google Tag Manager» и получите информацию в удобном графическом виде.

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

Что проверяет FullCheckApp

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

  • Когда. Раз в сутки в выбранное вами время, по вашему часовому поясу.
  • Где. Главная и до 10 внутренних страниц на сайт; в отчете видно, на какой именно странице проблема.
  • Что считается проблемой. Контейнер, который был на странице, пропал или изменился, — это критично. Уровень критичности каждой проверки можно изменить отдельно для каждого сайта.
  • Как вы узнаете. После каждой проверки приходит письмо с отчетом, критические проблемы дублируются в Telegram.
Теги и пикселиexample.com · пример
Google Tag ManagerнайденGTM-XXXXXXX
Google Tag Managerне найденexample.com/cart/

Первая проверка записывает точку отсчета, дальше сервис ежедневно сравнивает с ней текущее состояние. Если вы сознательно убрали GTM или заменили контейнер, новое состояние принимается одной кнопкой и становится нормой. Отдельные теги ищут проверки тега Google Analytics 4, Facebook Pixel и TikTok Pixel — и на самой странице, и внутри контейнера GTM.

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

Чем Google Tag Manager отличается от Google Analytics?

Google Analytics собирает и показывает статистику посещений. Google Tag Manager ничего не анализирует: это инструмент, через который на сайт устанавливают теги, в том числе тег GA4, конверсии Google Ads и пиксели соцсетей. Поэтому GTM часто стоит на сайте вместе с Analytics, но одно не заменяет другое.

Зачем в коде GTM второй фрагмент с noscript?

Основной код контейнера работает через JavaScript. Блок noscript, который Google советует вставлять сразу после открывающего тега body, — запасной вариант для браузеров, где JavaScript отключен. Основную нагрузку несет именно первый фрагмент в head: если пропал он, теги перестают работать почти у всех посетителей.

Можно ли установить на сайт два контейнера GTM?

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

Контейнер на сайте есть, а данные в GA4 не поступают. Почему?

Наличие кода контейнера еще не означает, что внутри есть нужный тег. Его могли удалить или приостановить в GTM и опубликовать новую версию, либо перестал срабатывать триггер. Откройте режим предварительного просмотра в GTM и посмотрите в Tag Assistant, какие теги действительно срабатывают на странице.

Влияет ли Google Tag Manager на скорость сайта?

Сам контейнер загружается асинхронно, то есть не блокирует показ страницы. Но каждый тег внутри добавляет свои скрипты и запросы, поэтому переполненный контейнер может замедлить сайт. Время от времени просматривайте контейнер, удаляйте теги сервисов, которыми уже не пользуетесь, и проверяйте скорость страниц, например в PageSpeed Insights.

Источники

  1. Tag Manager Help — Introduction to Tag Managersupport.google.com/tagmanager/answer/6102821
  2. Tag Manager Help — Install a web containersupport.google.com/tagmanager/answer/14847097
  3. Tag Manager Help — Preview and debug containerssupport.google.com/tagmanager/answer/6107056
  4. Google for Developers — About Google Tag Managerdevelopers.google.com/tag-platform/tag-manager
  5. Справка Менеджера тегов — Пользовательские тегиsupport.google.com/tagmanager/answer/6107167?hl=ru
  6. Справка Менеджера тегов — Типы пользовательских переменных для веб-страницsupport.google.com/tagmanager/answer/7683362?hl=ru
  7. Справка Менеджера тегов — Конверсии Google Adssupport.google.com/tagmanager/answer/6105160?hl=ru
  8. Chrome Web Store — Tag Assistantchromewebstore.google.com/detail/tag-assistant/kejbdjndbnbjgmefkgdddjlbokphdefk
  9. Analytics Help — Troubleshoot tag setup on your websitesupport.google.com/analytics/answer/9311124
  10. Google Ads Help — Create Google Ads conversions based on Google Analytics key eventssupport.google.com/google-ads/answer/10632359

Проверьте свой сайт

Добавьте адрес сайта — первая проверка пройдет сразу, и вы увидите состояние каждого пункта из этого материала.

Проверить бесплатно

Похожие материалы

06 Проверка тега Google Analytics 4Как тег GA4 собирает данные о посетителях, почему он может пропасть после обновления сайта и чем это грозит отчетам и рекламе. 07 Проверка Facebook PixelЗачем нужен пиксель Meta, как он передает события в рекламный кабинет и что происходит с ретаргетингом, когда пиксель перестает работать. 08 Проверка TikTok PixelЧто делает TikTok Pixel, какие данные он передает для оптимизации рекламы и как понять, что он действительно установлен на сайте.