Может ли кто-нибудь помочь с внедрением Nuxt.js Google Tag Manager?
Привет, я создал приложение Nuxt, и у меня проблемы с пакетом @nuxtjs/google-tag-manager. Найдено ниже. Документация довольно легкая, и я не нашел там много примеров реализации. В моем nuxt.config.js есть такой набор.
['@nuxtjs/google-tag-manager', {
id: process.env.GTM_ID,
layer: 'dataLayer',
pageTracking: true
}],
..но, к сожалению, я не получаю Просмотры страниц в Диспетчере тегов Google
Есть ли у кого-нибудь идеи или опыт, как лучше всего реализовать GTM или что сработало для них?
заранее спасибо
Ответы 1
Я посмотрел на пакет, внутри modules/packages/google-tag-manager/plugin.js есть этот фрагмент кода:
window['<%= options.layer %>'].push(to.gtm || { event: 'nuxtRoute', pageType: 'PageView', pageUrl: to.fullPath, routeName: to.name })
Исходя из этого, похоже, что слой данных выглядит так:
{
event: 'nuxtRoute',
pageType: 'PageView',
pageURL: to.fullPath,
routeName: to.name
}
Таким образом, в GTM вы можете определить пользовательский триггер события, который будет запускаться по событию nuxtRoute. Примерно так:
Затем вы хотите создать две переменные DataLayer в GTM, которые будут захватывать pageURL и, возможно, routeName, я говорю, что routeName является необязательным, зависит от того, изменяете ли вы / обновляете документ или нет.
Затем создайте свой тег Google Analytics в GTM. Убедитесь, что это тип "просмотр страницы", затем установите флажок "разрешить переопределение настроек в этом теге" в разделе "дополнительные настройки> поля для установки" введите "page" для имени поля и для ссылки "значение" на созданную нами переменную. Если вы хотите установить заголовок страницы с помощью переменной to.name, просто используйте поле «title». Убедитесь, что вы добавили триггер маршрута nuxt в раздел «запуск».
Сохраните и опубликуйте все или запустите в режим предварительного просмотра, и вы должны увидеть просмотры страниц через некоторое время.
Спасибо за подробный ответ @XTOTHEL, я очень ценю, что вы нашли время, чтобы собрать это воедино. Маркетинговая команда, с которой я работаю, хотела настроить триггер как «Просмотр страницы», а не настраиваемое событие, и в настоящее время просмотры страниц не проходят. Должен быть способ!
Когда вы настроите его в соответствии с инструкциями. Он будет отображаться как просмотр страницы. События на уровне данных - это просто инициирующее событие для просмотра страницы.
События уровня данных не совпадают с событиями в GA.
Есть ли способ, чтобы триггером могло быть событие просмотра страницы, а не настраиваемое событие? Извините за все вопросы, просто пытаюсь осмыслить все это!
Поскольку вы используете vue, я предполагаю, что это в SPA, в SPA единственный раз, когда есть «просмотр страницы», в традиционном понимании это когда приложение загружается. Вот почему вы используете nuxt, он предоставляет «событие», чтобы сигнализировать GTM при маршрутизации в SPA, что есть новое «экранное» представление. Затем GTM принимает это событие просмотра экрана, принимает переменные уровня данных вокруг URL, заголовка и т. д. И отправляет эти данные в GA.
Ответ Кшотела точен, просто вы, кажется, не полностью осознаёте разницу между событиями GTM и событиями GA. Вышеуказанное будет отображаться в Google Analytics как просмотр страницы. Тип триггера не имеет отношения к данным отслеживания - пока в теге Analytics указано «просмотр страницы», вы получите (виртуальный) просмотр страницы в GA, независимо от того, какое событие GTM его вызвало.
Кажется, что GA отслеживает правильный pageURL даже без пользовательской переменной, установки триггера на nuxtRoute может быть достаточно.
Почему это не задокументировано в модуле nuxt google-tag-manager? Есть ли другой способ, которым мы можем воспользоваться без создания нового триггера в google-tag-manager?
@PhilippS. это задокументировано на первой странице в разделе «Интеграция маршрутизатора». Возможно, раньше там не было.
@XTOTHEL: Что ты имеешь в виду? Что там задокументировано? Как это реализовать без создания настраиваемого триггера в google-tag-manager?
При первой загрузке я вижу два запущенных просмотра страницы. 1) Первый исходит от плагина, а второй - от пользовательского триггера, который вы описали.
@PhilippS. Я имел в виду, что это задокументировано для плагина nuxt GTM, что вам нужно создать триггер, возможно, это не явно, но поскольку они задокументировали, какое имя события отправляется на уровень данных, мне было понятно, что триггер должен быть созданный.
Я следовал этому методу, и он работает безупречно. Однако я заметил, что моя реклама в Google не успевает. У меня показатель отказов взлетает до небес. Я заметил через Hotjar, что мои пользователи на самом деле не подпрыгивают. У меня вопрос: как мне настроить его для работы с Google Реклама?
Если вы используете @nuxtjs/gtm, параметр pageURL теперь называется pageUrl!
Правильно ли настроены теги GA в GTM?