До списку всіх статей

Посібник із DebugView в Google Analytics 4

#Google Ads
06.11.2023
400
Посібник із DebugView в Google Analytics 4

Ніколи не довіряйте своїй інтуїції, коли впроваджуєте щось у Google Analytics. Завжди перевіряйте, чи дані були отримані платформою та відображені у звітах так, як ви очікуєте.

На щастя, в GA4 є чудова функція для цього під назвою DebugView.

DebugView в Google Analytics 4 дозволяє більш детально перевіряти вхідні дані (не чекаючи годинами). І в цій статті ми розберемось, як ним користуватися.

Де ж шукати DebugView в Google Analytics 4?

Ви можете знайти його, перейшовши в розділ «Адміністратор» (в лівій нижній частині інтерфейсу GA4), і в середній колонці обираємо «DebugView».

Де знайти DebugView

Це місце, де має відбуватися ваші налаштування. Не плутайте це з режимом попереднього перегляду та налагодження в GTM. Це два різних інструменти.

Режим попереднього перегляду Google Tag Manager призначений для налаштування тегів, що зберігаються в контейнері GTM (Google Analytics 4, Google Ads, Facebook Pixel тощо). Google Analytics 4 DebugView призначений для перегляду вхідних даних у вашому ресурсі GA4 (і тільки для цього).

Перейшовши до DebugView, ви, швидше за все, не побачите там жодних даних (оскільки він відображає лише події, які містять спеціальний параметр «режим налагодження»). Іншими словами, ви повинні ввімкнути DebugView у відстеженні подій GA4, щоб почати щось бачити.

У наступному розділі ми дізнаємося, як це зробити.

3 способи ввімкнути DebugView в Google Analytics 4 (для веб-сайтів)

Щоб увімкнути DebugView в GA4, у вас є кілька варіантів для веб-сайтів (буде працювати будь-який із них):

  • Увімкніть розширення Chrome для налагоджувача GA
  • Увімкніть режим попереднього перегляду Менеджера тегів Google на сторінці, яку ви налаштовуєте
  • Надіслати параметр debug_mode разом із подією

1. Розширення Google Analytics Debugger

Наш перший варіант, встановити розширення Google Analytics Debugger. Після встановлення клікніть по піктограмі розширення. На ній має відобразитись статус “ON”

Розширення Google Analytics Debugger

Після цього можете починати працювати з сайтом, і з цього моменту ви побачите, що ваші події надходять у DebugView.

Чому це спрацювало? Встановлений і активований Debugger перевіряє всі запити надіслані до Google Analytics 4, і додає додатковий параметр, необхідний для відображення даних DebugView. Цей параметр _dbg.

2. Режим попереднього перегляду GTM автоматично робить дані видимими в DebugView

Якщо ви встановили GA4 за допомогою GTM і наразі працюєте в режимі попереднього перегляду, вам більше нічого не потрібно робити. Подібно до розширення GA Debugger для Chrome, режим попереднього перегляду GTM додає додатковий параметр, який змушує GA4 відображати вхідні дані у вікні DebugView.

3. Параметр події debug_mode

Якщо ви хочете зробити дані видимими в DebugView, без необхідності вмикання режиму попереднього перегляду GTM і ви не маєте бажання встановлювати чергове розширення для браузера, ви можете додати параметр debug_mode до подій. Щоб увімкнути параметр, додайте debug_mode до тегу Google, а потім введіть будь-яке значення (але найбільш доцільним є «true» без лапок).

У вас є два варіанти щодо того, як включити параметр debug_mode:

  • У тегу Google (він же тег конфігурації GA). В такому варіанті всі інші теги подій, які його використовують, також успадкують параметр.
  • Або лише в певних тегах подій GA4. У такому випадку параметр debug_mode буде застосовано лише до цих тегів, і лише ці окремі події відображатимуться в DebugView Google Analytics 4

Розглянемо як це зробити за допомогою Google Tag Manager.

У GTM ви можете зробити це, відкривши тег Google і додавши такий параметр:

Включити параметр debug_mode в Google tag manager

Якщо параметр debug_mode містить будь-яке значення, подію буде видно в DebugView. Навіть якщо ви введете слово «false», це все одно активує перегляд налагодження.

Ось і все. Увімкнувши DebugView (вибравши один із варіантів вище), ви можете перейти до GA4 > Admin > DebugView і подивитися, що там відбувається.

Розглянемо інтерфейс DebugView

Інтерфейс DebugView можна розділити на такі розділи:

  • Потік даних по хвилинам
  • Потік даних по секундам
  • Топ подій
  • Властивості користувача
  • Вибір пристрою

Інтерфейс DebugView

Тут ви побачите дані за останні 30 хвилин.

1. Потік даних по хвилинам (ліворуч від DebugView) має вигляд ланцюга з круглими ланками, що відповідають кожній з останніх 30 хвилин. Цифра в кружечку вказує на кількість подій, отриманих за цю конкретну хвилину.

Інтерфейс DebugView

2. Потік даних по секундам (середній стовпчик) – це місце, де відбувається основні налагодження. Тут ви побачите список подій на більш детальному рівні. Кожна подія відображає мітку часу, яка відповідає часу її реєстрації. Ви можете клацнути подію, щоб переглянути список її параметрів.

Інтерфейс DebugView

3. Віджет ”Топ подій” показує найпопулярніші події, зареєстровані протягом 30 хвилин.

[1] Клік по будь-якій з цих подій працює як швидкий фільтр.

[2] Клікнувши по одній з подій, ви зможете вибрати конкретний параметр

[3] Після чого ви побачите мітки часу для кожного параметра, надісланого з цією конкретною подією за останні 30 хвилин.

[4] Крім того, ви можете натиснути на певну позначку часу, а потім переглянути всі параметри цієї події.

Інтерфейс DebugView

Це доволі зручно, якщо потрібно побачити, як (і коли) значення параметрів змінилися в рамках цієї події.

4. Властивості користувача показують останній стан набору властивостей користувача для поточного вибраного пристрою. Ви можете натиснути піктограму маленького годинника, щоб побачити, як змінилися значення за останні 30 хвилин.

Інтерфейс DebugView

5 Device Selector дозволяє вибрати дані конкретного пристрою, які потрібно налагодити. Селектор розташований у верхньому лівому куті DebugView.

Інтерфейс DebugView Device Selector

Якщо кілька відвідувачів увімкнули перегляд налагодження (наприклад, усі вони ввімкнули розширення Chrome), ви побачите там кілька пристроїв, і може знадобитися деякий час, щоб знайти себе.

Використання DebugView

Коли ви починаєте бачити дані в DebugView, ви можете клацнути кожну подію, після чого відобразиться список параметрів.

Натисніть на цей параметр, щоб побачити значення, отримане GA4.

Використання DebugView

Якщо ви отримуєте багато подій, ви можете клацнути будь-де на білому тлі середнього стовпця (потік даних по секундам), і він призупиниться.

Сині піктограми представляють події, зелені піктограми – конверсії, а помаранчеві піктограми – властивості користувача.

Використання DebugView

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

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

Автор статті

Сергій Попович

Сергій Попович

Google Ads Team Lead

Сподобалася стаття? Поділись

Посилання скопійовано