Введение
Из-за особенностей работы Google Analytics, хэш страницы, сколько бы их не было (в рамках одной страницы) отображаются в аналитике как одна страница. То есть переходы по разделам sitename.ua/#1 и sitename.ua/#2 будут отображаться в статистике, как посещение одной страницы — sitename.ua/. На сегодняшний день существует немало сайтов, которые используют хеш страницы, или есть SPA (Single Page Application) приложениями, но при этом нам по-прежнему необходимо понимать, как пользователь взаимодействует с сайтом. Об этом и пойдет речь.
План действий
1) Настройка переменной «Get path with fragment»
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 адрес), и в отчете «В режиме реального времени», вкладка «Контент» смотрим, отражаются желаемые страницы:
Сергей Попович
РРС специалист
