PPC Всі статті

Налаштування відстеження хеш сторінок за допомогою GTM

Попович Сергій
Сергій Попович PPC спеціаліст
04.10.2019
4967
0

Вступ

Через особливості роботи Google Analytics, хеш сторінки, скільки б їх не було (в рамках однієї сторінки), відобразяться в аналітиці як одна сторінка. Тобто переходи по розділах sitename.ua/#1 і sitename.ua/#2 будуть відображатись в статистиці, як відвідування однієї сторінки – sitename.ua/. На сьогоднішній день існує чимало сайтів, які використовують хеш сторінки, або є SPA (Single Page Application)-додатками, але при цьому нам, як і раніше, необхідно розуміти, як користувач взаємодіє з сайтом. Про це і піде мова.

План дій

1. Налаштування змінної “Get path with fragment”.

2. Створення тега і тригера.

3. Перевірка результату.

 

1. Створення змінної.

Якщо це не було зроблено раніше, заходимо в розділ “Змінні”, переходимо в “Налаштування” і відзначаємо галочками “New History Fragment” і “History Source”.

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 1

“New History Fragment” зберігає нові фрагменти URL-адреси, коли він змінюється, а “History Source” отримує доступ до рівня даних і зчитує ключ gtm.historyChangeSource, який задається тригерами типу “Зміна в історії”.

Тепер створюємо змінну з власним JavaScript кодом, яка буде формувати і передавати в Google Analytics фрагмент URL-адреси, як шлях.

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 2

Необхідний JavaScript код:

function () {

return window.location.pathname + window.location.search +

window.location.hash;

}

Налаштування відстеження хеш сторінок за допомогою GTM фото 3

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

Створюємо новий тег Universal Analytics і називаємо його.

Тип відстеження – “Перегляд сторінки”.

Налаштування Google Analytics – Свій ID.

Включаємо перевизначення налаштувань.

Далі Дод.налаштування -> Поля, які необхідно задати.

Назва поля –”page”.

Значення – {{Get path with fragment}} (Ім’я раніше створеної змінної).

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 4

 

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

У цьому тезі буде використовуватися два тригера: All pages і History fragment change. В меню вибору тригерів натискаємо на знак “+” для створення нового:

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 5

 

Створюємо тригер типу “Зміни в історії”, даємо йому назву, і умова активації вибираємо “Деякі зміни в історії”. Вибираємо “History Source” – рівно – popstate.

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 6

 

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

 

Кінцевий вигляд

У підсумку отримуємо тег з двома тригерами активації:

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 7

3. Перевірка функціонування.

На дашборді GTM включаємо режим попереднього перегляду.

Після відкриваємо сайт проекту, і в debugger перевіряємо відповідність очікуванням:

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 8

 

Також переходимо в тестове представлення Google Analytics (те, яке враховує тільки ваша IP адреса), і в звіті “В режимі реального часу”, вкладка “Контент” дивимося, чи відображаються бажані сторінки:

 

Налаштування відстеження хеш сторінок за допомогою GTM фото 9

 

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

РРС спеціаліст

Summary
Налаштування відстеження хеш сторінок за допомогою GTM
Article Name
Налаштування відстеження хеш сторінок за допомогою GTM
Author
Publisher Name
Svitsoft
Publisher Logo
Комментарі
0 записів

Висловіть свою думку

Це поле має бути заповнене!
Це поле має бути заповнене!
Це поле має бути заповнене!
Це поле має бути заповнене!