google-tag-manager - Google 标签管理器和单页应用

标签 google-tag-manager

我正在尝试将 Google 标签管理器与我的 Ember 应用程序集成。我很难理解如何通知 GTM 页面已更改,并发送页面查看事件。

我在网上阅读了很多东西,主要是为“虚拟页面”或其他东西创建一个新变量,但显然这远非理想。

我希望能够只使用 dataLayer.push通知页面实际发生了变化。有没有我没有找到的简单方法,或者在 SPA 上使用 GTM 进行跟踪真的很痛苦?

最佳答案

这是很久以前问的。使用 GTM 的当前功能集,您可以轻松设置 SPA 页面跟踪,而不会遇到太多麻烦。
首先,去Triggers并创建一个新的触发器。选择 History Change作为触发器类型。这将创建一个触发器,每次位置历史更改时都会触发该触发器。
然后新建一个TagUniversal Analytics按照下面的屏幕截图键入并设置它。
[ Universal Analytics tag configuration1
至于触发器,设置好之前定义的History Change触发器,大功告成。每次在您的 SPA 中发生导航时,都会触发具有正确页面路径的页面查看事件。
编辑:如 trognaders在评论中指出,这不会跟踪初始页面 View 。要进行补救,只需为您的标签添加一个额外的触发器,该触发器在页面查看事件(所有页面)上触发。请参阅下面的屏幕截图。
enter image description here

关于google-tag-manager - Google 标签管理器和单页应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33299429/

相关文章:

google-analytics - 使用测量协议(protocol)将事件发送到 Google Analytics 4 时,client_id 应该是什么?

google-tag-manager - 谷歌标签管理器 : GA Content Experiment code not firing on home page

javascript - 如何触发事件以将 google tagmanager 与 Turbolinks 一起使用

google-analytics - 在 Google Tag Manager 上设置 Live 环境的正确方法是什么?

javascript - 如何在 Google 跟踪代码管理器中触发两个不同的基于 gtm.timer 的事件?

next.js - 将标签管理器添加到下一个js,混淆文档

jquery - 在Google Analytics(分析)中未跟踪引荐网址数据

google-analytics - 自动检查GTM标签

google-tag-manager - SPA 上的 Google Analytics 4 流氓推荐和推荐排除

javascript - 读取 Cookie 变量