Как измерить одностраничный веб-сайт, использующий фрагменты URL с Tealium / GA? - PullRequest
Новая
       44

Как измерить одностраничный веб-сайт, использующий фрагменты URL с Tealium / GA?

0 голосов
/ 23 января 2019

Меня попросили записать аналитику на сайте. Веб-сайт состоит из 5 веб-страниц, но теперь я понимаю, что домен является тем же, и единственное, что меняется, - это фрагмент URL, то есть www.domain.com # a, www.domain.com # b. Единственная информация, которая поступает в GA, - это домен, и он не включает фрагменты URL. Я использую код отслеживания Tealium, и данные отправляются обратно в Google Analytics. Как я могу настроить это так, чтобы я мог видеть весь URL в GA, включая фрагменты URL?

1 Ответ

0 голосов
/ 23 января 2019

Итак, с точки зрения Tealium нам нужно вызвать событие просмотра при загрузке нового фрагмента (если я правильно понимаю).

Если мы предположим, что изменение фрагмента происходит при щелчке по ссылке, тогда мынеобходимо вызвать событие представления, когда происходит щелчок ссылки.

С точки зрения GA нам нужно запустить представление, которое захватывает новую информацию.Для представления это, вероятно, местоположение, путь и заголовок.

Поэтому нам нужен Tealium для построения новых точек данных и передачи их в событии представления в GA.

Самый простой способ сделать это в Tealium (при прочих равных) - это через расширение jQuery onHandler

Расширение jQuery требует следующую информацию:

  1. jQuery селектор (или селекторы), чтобы обратить внимание на
  2. тип события «Триггер на» (в данном примере это будет Click)
  3. Отслеживание типа запускаемого события (Просмотреть событиев этом случае)
  4. Переменная и значения для установки Конфигурация расширения Tealium jQuery onHandler
  5. обратите внимание, что всегда полезно установить условие для ваших расширений jQuery, чтобы они толькозапускать при необходимости, а не все время и везде

В этом расширении я установил следующее:

  1. jQuery Selector: '# MyID_1, # MyID_2, # MyID_3'- да, вы можете передать список селекторов или почти любой другой допустимый оператор селектора jQuery
  2. Триггер включен:' click '
  3. Отслеживание события:' просмотр '

  4. 3 Переменные:

    a.'page_name': $(this).text(); // получить текст ссылки

    b.'my_url': utag.data['dom.url']+$(this).attr('href') // сборка полного URL, включая фрагмент //utag.data['dom.url '] - это переменная / точка данных, которую Tealium автоматически генерирует

    c.my_path: utag.data['dom.pathname']+$(this).attr('href'); // построение пути //utag.data['dom.pathname '] - это переменная / точка данных, которую Tealium автоматически генерирует

ПРИМЕЧАНИЕ. Обязательно установитевведите для каждого из них "JS Code", иначе ваш JavaScript будет заключен в кавычки в виде строки.

Почему эти три переменные?Как я понимаю, GA это те значения, которые ожидаются для нового просмотра страницы - location / URL, path и Title, поэтому мы создаем эти значения в расширении, чтобы передать их GA в событии view.

Теперь нам просто нужно сопоставить эти новые переменные с GA.

  1. my_path сопоставляется с page в инструментах отображения GA
  2. page_name сопоставляется сtitle
  3. location не является параметром по умолчанию на панели инструментов отображения, поэтому нам нужно добавить пользовательскую переменную назначения с именем location и отобразить my_url. Отображение пользовательских переменных для GA

Вот как вы делаете это из Tealium и минимального кодирования.Если по какой-то причине вы не хотите / не можете делать это внутри Tealium, это дает нам очень хороший шаблон для пользовательской функции, добавляемой в нашу кодовую базу: 

`$(document.body).on('click', '#altID', function(){
     utag.view({
         "page_name": $(this).text(),
         "my_url": utag.data['dom.url'] + $(this).attr('href'),
         "my_path": utag.data['dom.pathname'] + $(this).attr('href')
     })
})`

См. Оба вдействие здесь, в CodePen .

...