Відстеження глибини прокрутки в Google Analytics 4 за допомогою Google Tag Manager

Ця стаття описує, як використовувати Google Tag Manager для моніторингу глибини прокрутки в Google Analytics 4.

Прокрутка від поліпшеної статистики

Google Analytics 4 надає можливість відстежувати різні типи подій:

• Автоматично реєстровані події – це ті, які Google автоматично збирає одразу після створення та активації лічильника.
• Поліпшена статистика - додаткові події, які Google також збирає автоматично, але за умови, що в налаштуваннях ресурсу ви ввімкнули цю функцію (призначені тільки для веб-потоків).
• Рекомендовані події - події, які вже закладені в систему Google Analytics 4 для різних видів діяльності зі стандартними іменами і параметрами, прописані в офіційній документації, але які вам необхідно доналаштувати під свої завдання.
• Спеціальні події - події, які ви створюєте самостійно під свої потреби.

Оновлена система статистики включає моніторинг наступних активностей: перегляд сторінок (page_view), кліки на зовнішні посилання (click), результати пошуку на сайті (view_search_results), взаємодію з відео на YouTube (video_), завантаження файлів (file_download) та прокрутку сторінок (scroll).

Ці події можна активувати під час реєстрації лічильника в Google Analytics 4 або в налаштуваннях веб-ресурсу в розділі "Адміністратор - Ресурс - Потоки даних". Після активації, відповідні типи подій будуть реєструватися автоматично та відображатися в аналітичних звітах.

Особливо важливо, що подія "прокрутка" (scroll) активізується кожного разу, коли користувач прокручує веб-сторінку до кінця, досягаючи порогу в 90%. При цьому разом із подією відсилається параметр "percent_scrolled", який має значення 90.

Такий відсоток вертикальної прокрутки в удосконаленій системі статистики є єдиним критерієм для активації події та відправки цих даних до Google Analytics 4. Жоден інший параметр не використовується для цієї мети.

У Google Tag Manager це відстеження можна порівняти з налаштуванням тригера "Глибина прокрутки", де встановлено поріг у 90%.

Зараз немає потреби вручну налаштовувати змінні, активувати тригери чи додавати теги для відстеження глибини прокрутки на 90%. У Google Analytics 4 ця функція відстеження прокрутки на 90% включена за замовчуванням, як тільки активовано поліпшену статистику.

Відстеження прокрутки в Google Analytics 4

У вас є два варіанти того, як ви можете вчинити:

1. Передавати різні значення для прокрутки, такі як 10, 25, 50, 75, до існуючої події прокрутки (scroll) в системі, але з використанням різних параметрів для кожної окремої події.
2. Встановлювати конкретні порогові значення для прокрутки - 10, 25, 50, 75 - для кожної події індивідуально. Наприклад, створювати окремі події, такі як scroll_10, scroll_25, scroll_50 і так далі, для кожного з цих значень.

У першому сценарії ви можете зіткнутися з обмеженням у створенні спеціальних параметрів (до 50 на одну подію) в Google Analytics 4 для кожного ресурсу. У другому випадку - з обмеженням на кількість унікальних назв подій (до 500). Проте, Julius Fedorovicius з analyticsmania.com спростував у своєму Twitter обмеження на назви подій для веб-потоків.

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

Вимкнення покращеної статистики

Оскільки ми плануємо вручну налаштувати відстеження глибини прокрутки через Google Tag Manager, нам не знадобиться використовувати подію 'Прокрутка поліпшеної статистики'. Таким чином, перейдіть до розділу 'Адміністратор' у вашому ресурсі Google Analytics 4, а потім до 'Потоки даних' і виберіть потрібний веб-потік.

Потім клацніть на значок шестерні:

І вимкніть відстеження прокрутки:

Збережіть зміни.

Активація змінних

Першим кроком, який вам необхідно здійснити, є активація вбудованих змінних. Для цього перейдіть у Google Tag Manager і активуйте змінні категорії 'Прокрутка':

• Scroll Depth Threshold - повертає значення порога прокрутки.
• Scroll Depth Units - повертає значення в пікселях (pixels) або відсотках (percent).
• Scroll Direction - повертає значення напрямку прокрутки (vertical або horizontal)

Налаштування тригера

Тепер вам потрібно створити тригер типу 'Глибина прокрутки'. Наша рекомендація - відстежувати вертикальну прокрутку із пороговими значеннями 25%, 50%, 75% та 90%. Це є стандартною практикою та найбільш розповсюдженим варіантом відстеження.

Менш поширеною, але також прийнятною практикою є встановлення порогових значень прокрутки на рівнях 10%, 25%, 50%, 75% та 100%. Ви маєте можливість налаштувати ці відсотки відповідно до ваших вимог та потреб. Після налаштування, не забудьте зберегти створений тригер.

Створення тега

У завершальній частині процесу створіть тег типу 'Google Analytics: GA4 Event'. Налаштування цього тегу будуть залежати від вибраного вами підходу з тих, що були описані раніше:

1. Передавати значення прокрутки (10, 25, 50, 75 тощо) у подію scroll, але з різними параметрами події.
2. Передавати значення прокрутки (10, 25, 50, 75 тощо) для кожної події окремо.

Розглянемо обидва варіанти.

Подія scroll і різні параметри події

Якщо ваша мета - передавати значення прокрутки (10%, 25%, 50%, 75% тощо) у стандартну подію прокрутки Google Analytics (scroll), але з різними параметрами для кожної події, тоді вам потрібно налаштувати тег наступним чином:

• Тег конфігурації - ваш Google Analytics 4
• Назва події - scroll
• Параметр події - percent_scrolled
• Значення - {{Scroll Depth Threshold}}

Як тригер для активації, виберіть тригер глибини прокрутки, який ви створили раніше. Цей тригер буде однаковим незалежно від обраного вами способу налаштування. Після цього збережіть тег.

Кожного разу, коли відвідувач перевищує заданий поріг глибини прокрутки на вашому сайті, який ви встановили в тригері глибини прокрутки, цей тег події активується. Він передає подію прокрутки scroll разом з параметром події percent_scrolled, який фіксує значення у момент прокрутки в змінній Scroll Depth Threshold (25%, 50%, 75%, 90%).

Щоб ці дані з'явились у звітах Google Analytics 4, потрібно вручну створити спеціальні визначення в інтерфейсі GA4. Це можна зробити в розділі Конфігурація - Спеціальні визначення (Custom definitions), натиснувши на синю кнопку 'Створити спеціальний параметр'.

Введіть:

• Назва параметра - Відсоток скролінгу
• Область дії - Подія
• Опис - можна залишити порожнім
• Параметр події - percent_scrolled

Збережіть налаштування спеціального параметру.

Після активації відстеження глибини прокрутки, можливо, доведеться зачекати до 24 годин, перш ніж дані про подію та її параметри з'являться у звітах Google Analytics 4.

Примітка: докладніше про те, які інші спеціальні визначення можна додати у Google Analytics 4 відразу після створення лічильника, можна прочитати в цій статті.

Щодо окремих подій прокрутки:

Якщо ваша мета - передавати окремі значення прокрутки (10%, 25%, 50%, 75% тощо) для кожної події індивідуально, тоді вам необхідно налаштувати тег наступним чином:

1. Тег конфігурації - ваш Google Analytics 4
2. Назва події - scroll_{{{Scroll Depth Threshold}} (без пробілів)

В якості тригера активації використовуйте той самий тригер глибини прокрутки, який ви створили на попередньому етапі. Після налаштування не забудьте зберегти тег.

У цій конфігурації використовується та ж сама вбудована змінна {{Scroll Depth Threshold}}, але вона включається безпосередньо у назву події, розділена нижнім підкресленням. Такий формат найменування є стандартним для Google Analytics 4. Альтернативно, можна використовувати такі назви, як scroll{{Scroll Depth Threshold}}, головне, щоб у назві не було пробілів. Таким чином, якщо відвідувач перевищує поріг прокрутки в 25%, подія буде називатися scroll_25, для 50% - scroll_50 і так далі. У цьому варіанті відстеження не потрібно додатково передавати параметр події чи створювати спеціальний параметр у Google Analytics 4.

Режим налагодження

Після налаштування відстеження за одним із запропонованих методів важливо перевірити коректність його роботи. Використовуйте режим попереднього перегляду в Google Tag Manager для цього. Відвідайте свій сайт і прокрутіть сторінку до кінця. У режимі налагодження вам має бути видно ряд зареєстрованих подій Scroll Depth, кожна з яких активувалась при досягненні встановленого порогу глибини прокрутки у тригері, а також активовані теги GA4.

Ви можете натиснути на цей тег і перейти до секції "Values" (Значення), щоб переглянути, які саме дані були надіслані до Google Analytics.

У інструменті DebugView при використанні першого методу відстеження ви зможете спостерігати кілька подій типу scroll, але з різними значеннями у параметрі події percent_scrolled. Наприклад, для 25%:

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

Після завершення всіх налаштувань, не забудьте опублікувати контейнер у Google Tag Manager, щоб застосувати зміни.

Звіти за подіями прокрутки

Конфігурація - Події

Після активації відстеження прокрутки може знадобитися до 24 годин, перш ніж дані з'являться у звітах Google Analytics 4. Коли цей час мине, ви можете перейти до розділу "Конфігурація - Події" у Google Analytics, щоб переглянути зареєстровану подію.

Звіти - Взаємодія - Події

Ви також можете переглянути дані за подіями у розділі "Звіти - Взаємодія - Події" у Google Analytics 4. Там знайдіть подію "scroll", якщо ви використовували перший варіант налаштування з параметром події "percent_scrolled", і натисніть на неї для детального перегляду.

На цій сторінці ви побачите детальні дані за конкретною подією "scroll". Усередині цієї сторінки повинна бути окрема картка (віджет), яка відображає спеціальні параметри, такі як "Відсоток скролінгу".

Дослідження

Якщо ви бажаєте переглянути дані про прокрутку на конкретній сторінці вашого веб-сайту, ви можете скористатися функцією "Дослідження" у Google Analytics 4. Аналіз можна проводити декількома різними способами:

1. якщо ви налаштували одну подію scroll і аналізуєте кілька сторінок;
2. якщо ви налаштували одну подію scroll і аналізуєте одну конкретну сторінку;
3. якщо ви налаштували кілька подій scroll_ і аналізуєте кілька сторінок;
4. якщо ви налаштували кілька подій scroll_ і аналізуєте одну конкретну сторінки;

Варіант №1. Одна подія й одна сторінка

Для аналізу виберіть зі списку параметрів створений "Відсоток скролінгу" і додайте його до секції "Рядки". Для показників використовуйте стандартні метрики Google Analytics 4, такі як "Активні користувачі" та "Кількість подій".

Щоб аналізувати конкретну сторінку, скористайтеся фільтром. Включіть до вашого дослідження параметр "Шлях до сторінки" та "Клас екрану", а потім використовуйте його як критерій для фільтрації. Наприклад, встановіть фільтр так, щоб "Шлях до сторінки" та "Клас екрану" точно відповідали "/uk/saas-end-to-end/".

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

Якщо у звіті ви зустрінете значення "(not set)", ви можете або проігнорувати його, або виключити за допомогою фільтра. Для цього додайте умову, що "Відсоток скролінгу" не містить "(not set)".

Варіант №2. Одна подія і кілька сторінок

Щоб проаналізувати кілька сторінок одночасно та не створювати фільтр у дослідженні, потрібно вибрати зі списку параметр Шлях до сторінки та клас екрану і додати його до Рядків, а спеціальний параметр Відсоток скролінгу - до Стовпців.

Варіант №3. Кілька подій і кілька сторінок

У цьому випадку в дослідження додайте параметр Назва події (Event name) і перемістіть його в СТРІЧКИ, а у фільтрах додайте умову: Назва події містить scroll_ Таким чином, будуть зіставлятись всі події прокрутки незалежно від повного імені події.

Застосувавши фільтр, ви отримаєте звіт такого вигляду:

Варіант №4. Кілька подій і одна сторінка

Щоб звузити список до певної сторінки, просто до першого фільтру за назвою додайте фільтр на Шлях до сторінки та клас екрану, як це зроблено у варіанті №1.

Наприклад, Шлях до сторінки і клас екрану точно відповідає /uk/saas-end-to-end/:

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