PPC

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

Попович Сергій
Попович Сергій PPC спеціаліст
04.10.2019
54
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 адреса), і в звіті ” В режимі реального часу “, вкладка ” Контент ” дивимося, чи відображаються бажані сторінки:

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

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

Вам буде цікаво

Комментарі

0 записів

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

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