Як дебажити Google Tag Manager через режим Preview

"Тег не спрацьовує" - найпоширеніше запитання підтримки GTM, і режим Preview майже завжди там, де живе реальна відповідь, більшість людей просто не знають, як читати те, що він показує. Preview підключає ваш живий сайт до панелі дебагу, що показує кожен тег, тригер і змінну точно так, як GTM оцінює їх у реальному часі. Ось як реально використовувати це для діагностики зламаного тега замість вгадування виправлення.

Крок 1: почніть сесію Preview

У GTM натисніть "Preview" у верхньому правому куті, це відкриває Tag Assistant у новій вкладці, де ви вводите URL свого сайту. Після підключення внизу вашого реального сайту з'являється панель дебагу, що показує живу стрічку подій ліворуч і детальну інформацію про теги, змінні й data layer праворуч для будь-якої події, яку ви клікнете.

Крок 2: правильно читайте панель Summary

Клікніть на будь-яку подію в лівій часовій шкалі (Page View, Click, Form Submission чи кастомну подію), і вкладка Summary покаже два списки: "Tags Fired" і "Tags Not Fired". Тег, який ви очікуєте побачити спрацьованим, що з'являється під "Not Fired", - ваша відправна точка, клікніть на нього, щоб побачити точно, яка умова тригера не виконалася і чому, GTM показує конкретну умову й фактичне значення, проти якого вона оцінювалася.

Крок 3: перевірте вкладку Variables на неправильні значення

Тег може спрацювати коректно, але надіслати неправильні дані, чого самого лише Tags Fired не покаже. Вкладка Variables показує фактичне вирішене значення кожної змінної для конкретної події, якщо змінна Click Text показує порожньо, коли ви очікували мітку кнопки, чи змінна data layer показує "undefined", саме тут ви це зловите.

Крок 4: використовуйте вкладку Data Layer для кастомних подій

Для тегів, що запускаються кастомною подією, відправленою через data layer (поширено в e-commerce і на будь-якому сайті, де data layer керує розробник), вкладка Data Layer показує точний об'єкт, відправлений у цей момент. Підтвердьте, що назва події точно збігається з тим, що слухає ваш тригер, невідповідність настільки мала, як "purchase" проти "Purchase", достатня, щоб тихо зламати зв'язок.

Поширені патерни збоїв і що вони означають

Крок 5: поділіться Preview з кимось іншим

Панель дебагу включає посилання "Share Preview", що підключає інший браузер, вкладку чи пристрій людини до тієї самої живої сесії без потреби в доступі до GTM, корисно, щоб розробник чи колега подивилися на ті самі дані дебагу на власній машині чи іншому пристрої, де відтворюється проблема.

Поширені помилки

• Плутанина успіху в режимі Preview з живим, опублікованим контейнером. Preview лише показує, як поводилася б поточна чорнова версія, нічого реально не живе, доки ви не натиснете Submit і Publish, тег, що працює ідеально в Preview, нічого не робить для реальних відвідувачів, доки не опублікований.
• Перевірка лише Tags Fired і пропуск Variables. Тег, показаний як "спрацював", усе одно може надсилати зламані чи порожні дані, завжди перехресно перевіряйте фактичні значення для всього, що залежить від динамічного контенту.
• Дебаг не на тій сторінці чи пристрої. Тег, налаштований лише для мобільного тригера, не покаже нічого корисного, коли ви тестуєте з десктопного браузера, узгодьте тестове середовище з реальними умовами тригера.

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

Чи впливає режим Preview на реальних відвідувачів чи живі дані?

Ні, Preview лише симулює проти чорнової версії контейнера і впливає лише на браузерну сесію, активно підключену до нього, для звичайних відвідувачів сайту нічого не змінюється.

Чи можна використовувати Preview на живому продакшн-сайті?

Так, це стандартний спосіб дебагу, оскільки Preview впливає лише на вашу власну підключену сесію, а не на інших відвідувачів, що переглядають той самий сайт одночасно.

Чому тег працює в Preview, але не спрацьовує після публікації?

Зазвичай це означає, що зміну реально не включили в опубліковану версію, чи існує окрема проблема на продакшені, на кшталт шару кешування, що показує старішу версію сторінки, підтвердьте, що опублікована версія контейнера збігається з тим, що ви тестували.

Режим Preview відповідає на "чому цей тег не спрацьовує" швидше й надійніше за будь-яку кількість вгадувань, але контейнер, що потребує постійного дебагу, зазвичай симптом глибших структурних проблем - дублікатів тегів, конфліктуючих тригерів чи відстеження, яке ніхто роками не аудитував. Якщо вашому контейнеру GTM потрібне більше, ніж разове виправлення, наша команда GTM Setup може провести аудит і перебудувати його правильно.