☄️DebugView - як перевірити коректність роботи Google Analytics 4?

В Google Analytics 4 є функція DebugView, яка в режимі реального часу формує звіт про взаємодії користувачів з веб-сайтом або додатком. Виглядає це так:

DebugView

Рис. 1 - Приклад роботи DebugView для сайту ITForce

Цей звіт показує, за якими параметрами проводиться відстеження на сайті, в який час та що зробив користувач.

Звіт стане в нагоді на етапі розробки й перевірки правильності роботи тегів відстеження.

1. Налаштування передачі даних до звіту DebugView

За замовчуванням дані у звіт не передаються, для передачі потрібно включити Debug Mode. Режим налагодження можна активувати 3ма способами:

Мабуть, найпоширеніший і легкий спосіб – встановлення розширення Google Analytics Debugger з магазину розширень (Chrome extensions).
Активація режиму Preview Mode в GTM.
Передача параметра debug_mode разом з івентом (потрібно поставити значення true). Івент в цьому випадку будь-яка дія яку рекламодавець призначає: перегляд сторінки, завантаження, покупка і тощо.
Вручну прописати параметр в коді тега для всіх/окремої події gtag.js.

Скажу від себе: тестувати потрібно усе і вся. Не вийде налаштувати один раз теги й без перевірки бути впевненим в тому, що все буде працювати, як треба. Я вже згадував про те, що час на пристрої повинен бути точним, щоб дані не губилися. Тобто або передача статистики взаємодій буде неточною, або деякі івенти зовсім загубляться. І ви навіть не дізнаєтеся про те, що вони відбулися.

Дані будуть збиратися з джерела, який виберете в лівому верхньому кутку:

DebugView Google Analytics

Рис. 2 – У випадаючому списку можна вибрати потрібний пристрій на якому включений режим налагодження

Для абсолютно будь-якої взаємодії можна подивитися докладну розбивку по всіх параметрах та їх значеннях:

DebugView scroll

Рис. 3 – Праворуч показані всі параметри дії scroll

2. Як включити режим відлагодження на мобільних?

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

Щоб передавати звіт з мобільних пристроїв:

на Android потрібен Android Studio. Це середовище розробки додатків, де за допомогою емулятора потрібно запустити відповідний .apk файл, який встановить додаток і дозволить їм користуватися в режимі реального часу. Через 30 секунд після першої дії до звіту повинні почати надходити дані.

Код включення дебагера потрібно виконати в директорії /sdk/platform-tools/ через вікно терміналу:

adb shell setprop debug.firebase.analytics.app <package_name>

Для відключення дебагера доведеться окремо запускати код відключення з параметром .none.

Для iOS потрібен Xcode або TestFlight, iPhone/iPad. Якщо розробка програми проводилася за допомогою Xcode, то ці два аргументи будуть включати й відключати режим дебагера відповідно: FIRDebugEnabled, FIRDebugDisabled. При використанні TestFlight доведеться встановити прапори з допомогою функції didFinishLaunchingWithOptions або перевизначити блок ініціалізації класу AppDelegate. Якщо все добре, то через хвилину повинна з’явитися перша інформація про взаємодії у звіті DebugView.

3. Навіщо використовувати DebugView і Debug Mode?

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

Без режиму відлагодження GA4 об’єднує дані й відправляє їх раз на годину. Але коли режим відлагодження запущений, дані будуть відправлені негайно, з моменту початку тестування. Ця інформація не надійде в ваші основні звіти=не буде накрутки показників.

Звіт DebugView показує всі дії відразу після того, як їх роблять користувачі. Використовуючи цей інструмент відлагодження, можна перевірити, наскільки коректно теги відстеження передають дані. І знайти слабкі місця свого веб-сайту або програми.

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

Поділіться вашим досвідом та лайфхаками при тестуванні проекту в режимі відлагодження в коментарях.