Диспетчер тегов Google и приложения для одной страницы

Я пытаюсь интегрировать Диспетчер тегов Google с моим приложением Ember. Мне сложно понять, как уведомить GTM о том, что страница изменилась, и отправить событие просмотра страницы.

Я читал много вещей в Интернете, в основном работая над созданием новой переменной для "виртуальной страницы" или чего-то еще, но, очевидно, это далеко не идеально.

Я хотел бы просто использовать dataLayer.push, чтобы уведомить измененную страницу. Есть ли простой выход, которого я не нашел или это действительно боль для отслеживания с GTM в SPA?

Ответы

Ответ 1

Вам определенно нужно вставлять события в DataLayer, который затем может запускать тег просмотра страницы GA в GTM. Итак, чтобы вставить событие в DL:

dataLayer.push({'event':'virtualPageView'});

Затем настройте триггер под названием "vpv", который запускается на пользовательском событии под названием "virtualPageView". Добавьте этот триггер в тег GA.

Лучшее, что нужно сделать, - это также отправить детали виртуальной страницы при отправке события. Таким образом вы можете настроить переменные, которые вытаскивают эти значения свойства dataLayer в вызов просмотра страницы. Поэтому вы можете сделать это:

dataLayer.push({
  'event':'virtualPageView',
  'page':{
    'title':'contact us',
    'url':'/contact'
  }
});

Итак, вы настроили переменную, называемую "название DL-страницы" (например), которая является значением dataLayer для "page.title" и другой переменной, называемой "URL-адрес DL-страницы", которая является значением dataLayer для страницы .url".

Затем вы настраиваете новый тег Universal Analytics, который имеет все ваши обычные настройки просмотра страниц, но с 2 "Поля для установки" (в разделе "Дополнительные настройки" ). Установите 'title' на {{Название DL-страницы}} и 'page' на {{DL-страница url}}

Наконец, установите триггер на "vpv", и каждый раз, когда вы нажимаете данные события + в файл datalayer, вы получите окно просмотра страницы с заголовком виртуальной страницы и виртуальным URL.

Ответ 2

Это было задано довольно давно. С текущим набором функций GTM вы можете легко настроить отслеживание страницы SPA без особых проблем.

Сначала перейдите к Triggers и создайте новый триггер. Выберите History Change как тип триггера. Это создаст триггер, который срабатывает при каждом изменении истории местоположений.

Затем создайте новый тип Tag типа Universal Analytics и настройте его в соответствии с приведенным ниже скриншотом.

[Universal Analytics tag configuration[1]

Что касается триггера, установите ранее заданный триггер изменения истории, и все готово. Каждый раз, когда навигация происходит в вашем SPA, будет запущено событие просмотра страницы с правильным пути страницы.