Моніторинг сайту · №05
Перевірка Google Tag Manager
Коротко
Google Tag Manager (GTM) — це сервіс Google, через який на сайт додають теги аналітики й реклами: GA4, конверсії Google Ads, пікселі Meta і TikTok. Через нього також налаштовують відстеження конверсій і запускають власні скрипти на JavaScript для потрібних функцій. На сторінці для цього стоїть один фрагмент коду — контейнер. Якщо він зник після оновлення сайту, разом із ним одночасно перестають працювати всі теги всередині, хоча сам сайт відкривається як завжди.
Зміст статті
Що таке Google Tag Manager і контейнер GTM?
Google Tag Manager (GTM, «Менеджер тегів Google») — це сервіс, у якому маркетолог налаштовує теги сайту через вебінтерфейс, не правлячи код сторінок щоразу. Тег — це шматок коду, який передає дані про відвідування в інший сервіс: Google Analytics, Google Ads, Meta, TikTok, чат чи CRM.
Крім готових тегів, у GTM налаштовують відстеження конверсій — наприклад, теги конверсій Google Ads (довідка Менеджера тегів), — і додають власний код на JavaScript, коли потрібна функція, якої немає серед готових шаблонів. Для цього є користувацькі теги HTML і змінні типу «Спеціальний JavaScript» (довідка Менеджера тегів):
«Користувацький тег HTML дає змогу розгорнути тег, який ще не підтримується в Менеджері тегів».
Усі теги сайту зберігаються в контейнері. Google визначає його так:
«Набір тегів, тригерів, змінних і пов’язаних налаштувань, установлений на певному сайті чи в мобільному застосунку, називається контейнером».
На самому сайті від контейнера є лише код встановлення з ідентифікатором виду 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 різко впали користувачі на всьому сайті, у Realtime порожньо | Коду контейнера немає на сторінках | Знайти в коді сторінки GTM-; якщо немає — повернути код у шаблон чи ввімкнути плагін |
| Дані зникли лише з частини сторінок, наприклад з кошика | Ці сторінки зібрані на іншому шаблоні | Додати код контейнера в цей шаблон |
| Google Ads показує нуль конверсій за стабільних кліків | Контейнер або тег конверсії не спрацьовує | Перевірити сторінку подяки в режимі попереднього перегляду GTM |
На сторінці інший ідентифікатор GTM-, ніж в акаунті | Залишився тестовий або старий контейнер | Замінити ідентифікатор на робочий |
| Подвоєні перегляди сторінок у GA4 | Тег GA4 стоїть і в коді, і в контейнері | Залишити один спосіб встановлення |
Останній рядок — зворотна ситуація: Google попереджає, що одночасне встановлення тегу GA4 двома способами призводить до завищених даних (довідка Google Analytics).
Як перевірити Google Tag Manager самостійно?
Спершу переконайтеся, що код контейнера стоїть там, де його радить ставити Google:
«Скопіюйте перший блок коду і вставте його якомога вище в тегу <head>. […] Скопіюйте другий блок коду і вставте його одразу після відкривального тегу <body>».
- Відкрийте сторінку й натисніть
Ctrl+U(на Mac —Cmd+Option+U). ЧерезCtrl+Fзнайдітьgoogletagmanager.com/gtm.jsіGTM-. Ідентифікатор має збігатися з тим, що показано в інтерфейсі GTM. - Відкрийте інструменти розробника (
F12), вкладку Network, оновіть сторінку й відфільтруйте запити заgtm.js. Запит має бути з відповіддю 200. - У GTM натисніть «Попередній перегляд» (Preview) і введіть адресу сайту. Режим попереднього перегляду підключає сайт до Tag Assistant, де видно, які теги спрацювали і в якому порядку (довідка Tag Manager).
- Установіть у Chrome офіційне розширення Google Tag Assistant. Воно допомагає перевірити встановлення тегів Google на сторінці, зокрема контейнера GTM, і знайти помилки в їхньому налаштуванні.
- Повторіть перевірку на ключових сторінках: картці товару, кошику, сторінці подяки після замовлення чи заявки.
- У розділі «Версії» в GTM перевірте, що опублікована версія справді містить потрібні теги: контейнер на сайті може бути, а тег із нього — видалений.
- Або скористайтеся перевіркою FullCheckApp «Перевірка Google Tag Manager» й отримайте інформацію в зручному графічному вигляді.
Якщо ви обрали останній пункт — ви вже ухвалили правильне рішення: перевірка виконується автоматично, і про попередження чи критичну подію ви дізнаєтеся першими.
Що перевіряє FullCheckApp
FullCheckApp щодня перевіряє, чи є на сторінках контейнер Google Tag Manager, і показує його ідентифікатор. Сервіс дивиться на сайт ззовні, як звичайний відвідувач, тож нічого встановлювати не потрібно.
- Коли. Раз на добу в час, який ви обрали, за вашим часовим поясом.
- Де. Головна і до 10 внутрішніх сторінок на сайт; у звіті видно, на якій саме сторінці проблема.
- Що вважається проблемою. Контейнер, який був на сторінці, зник або змінився — це критично. Рівень критичності кожної перевірки можна змінити окремо для кожного сайту.
- Як ви дізнаєтеся. Після кожної перевірки приходить лист зі звітом, критичні проблеми дублюються в Telegram.
Перша перевірка записує точку відліку, далі сервіс щодня порівнює стан із нею. Якщо ви свідомо прибрали GTM чи замінили контейнер, новий стан приймається однією кнопкою і стає нормою. Окремі теги шукають перевірки тегу GA4, 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.
Джерела
- Tag Manager Help — Introduction to Tag Managersupport.google.com/tagmanager/answer/6102821
- Tag Manager Help — Install a web containersupport.google.com/tagmanager/answer/14847097
- Tag Manager Help — Preview and debug containerssupport.google.com/tagmanager/answer/6107056
- Google for Developers — About Google Tag Managerdevelopers.google.com/tag-platform/tag-manager
- Довідка Менеджера тегів — Користувацькі тегиsupport.google.com/tagmanager/answer/6107167?hl=uk
- Довідка Менеджера тегів — Типи користувацьких змінних для веб-сторінокsupport.google.com/tagmanager/answer/7683362?hl=uk
- Довідка Менеджера тегів — Конверсії Google Adssupport.google.com/tagmanager/answer/6105160?hl=uk
- Chrome Web Store — Tag Assistantchromewebstore.google.com/detail/tag-assistant/kejbdjndbnbjgmefkgdddjlbokphdefk
- Analytics Help — Troubleshoot tag setup on your websitesupport.google.com/analytics/answer/9311124
- Google Ads Help — Create Google Ads conversions based on Google Analytics key eventssupport.google.com/google-ads/answer/10632359
Перевірте свій сайт
Додайте адресу сайту — перша перевірка пройде одразу, і ви побачите стан кожного пункту з цього матеріалу.
Перевірити безкоштовно