Настройка Google Analytics через Google Tag Manager на ajax сайте

Автор davidExl, 11-08-2016, 14:37:32

« назад - далее »

davidExlTopic starter

Вместо начала:
Ничего не предвещало беды в новой компании, но после того как я понял что они строят свой "велосипед" с нуля, я стал чтото подозревать...

В общем получил я, для анализа и составления рекомендаций для продвижения, сайт - Single page application, сделанной на angular.

Первая проблема - внедрение в код происходит очень сложно, поэтому потребовалось решение - внедрить один код и через него делать все что нужно. Естественно я выбрал Google Tag Manager. И его код был внедрен на сайт в течение недели (да, именно это является - очень быстро, со стороны программиста, обслуживающего это недоразумение).

Через Google Tag Manager я добавил Google Analytics  и Search console.
Через некоторое время я осознал что аналитикс расценивает переход на любую страницу как вход на главную сайта, а соответственно в отчете:

Behavior -> Site content -> All pages

Трафик приходит только на главную страницу??? Это ужасикошмар всепропало...

Если я ошибаюсь, программисты меня поправят, как я понял, данная проблема возникает из-за того что страницы сайта строиться уже в браузере клиента, и есть там в angular некий hash - #! после которого аналитикс уже не видит что происходит.

Есть решение для этого через Google Tag Manager:

Первое что нужно сделать - идти в раздел переменные:



В разделе "История" включаем 2 пункта - History Source & New History Fragment.
Дальше внизу жмем на создание своей, пользовательской переменной.



Создаем свою переменную типа "Собственный код JavaScript"
И добавляем туда код:
function() {
  return window.location.pathname + window.location.search + window.location.hash;
}


Сохраняем это дело.

Теперь идем в "Теги" в правом меню, находим тег Google Analytics и в пункте 3 (Настройка тега), открываем "Дополнительные поля" -> "Поля, которые необходимо задать"

Там задаём "Название поля" - page
"Значение" - имя вашей созданной выше переменной. (Картинка ниже)



Идем в раздел "Триггеры"
Создаем новый триггер "Изменение в Истории"
В нем задаём событие "Изменение в истории"
И Условия активации - "History Source" "не равно" "hashchange".



И последний штрих.
Внутри тега Google Analytics, идем вниз в раздел "Условия активации", и там у вас скорее всего есть условие - "All pages" и нужно добавить еще одно - то что мы создали как триггер. Под кнопкой "Еще" будет ваше "Изменение в истории".

В итоге, у меня в Google Analytics, сразу стали появляться все страницы которые посещают пользователи.
У меня вроде все...