PPC

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

Попович Сергій
Попович Сергій PPC спеціаліст
04.10.2019
262
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”

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

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

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

function () {

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

window.location.hash;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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