PPC Все статьи

Настройка отслеживания хэш страниц с помощью GTM

Попович Сергій
Сергей Попович PPC специалист
04.10.2019
3486
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
Чек-лист для руководителя или 5 правил эффективной работы отдела
PPC
По каким показателям анализировать контекстную рекламу?
Вам будет интересно
Комментарии
0 записей

Выскажите свое мнение

Это поле должно быть заполнено!
Это поле должно быть заполнено!
Это поле должно быть заполнено!
Это поле должно быть заполнено!