PPC Всі статті

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

Попович Сергій
Сергій Попович PPC спеціаліст
04.10.2019
798
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
PPC
Як збільшити кількість лідів за низькою вартістю за допомогою оплати за конверсію в КМС кампаніях
PPC
Налаштування тега GTM “Клік по телефону з Мобільного”
Вам буде цікаво
Комментарі
0 записів

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

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