Google跟踪代码管理器,增强型电子商务跟踪和单页应用

时间:2018-10-18 06:25:43

标签: javascript single-page-application google-tag-manager enhanced-ecommerce

由于没有太多关于这三个组合的信息,这是我的问题:

当用户进入应用页面时,只有第一页将被跟踪为网页浏览,除非您在GTM的历史记录更改触发器上触发标签(自动),或者发送特定页面的网页浏览事件(手动跟踪) )。

通常将SPA嵌入到传统的往返页面中,因此GTM代码段位于head标签中,而ecom代码段则位于应用程序内部。

当用户进入应用程序的下一页时,由于没有重新加载,head标签中的DL代码段被覆盖或可能附加了新的信息。

这带来了两个问题:

  1. 从根本上讲:我可以将DL信息从应用程序内部推送到往返页面的标题中的GTM代码段中?
  2. 在应用程序内部每次查看新页面后,我都应该清理DL吗?

我非常感谢对此的回答!

1 个答案:

答案 0 :(得分:0)

  1. 是的,您应该能够在应用程序中使用dataLayer.push。需要注意的是,您不必在网页浏览器的GTM触发器中包含GA标签,您可以很好地设置“ SPA屏幕视图”事件并将其推送到dataLayer来触发GA标签。 / p>

  2. 您无需在每次浏览后清除数据层。只需跟踪您要推送和捕获的变量即可。在概念上与ReactJS中的状态非常相似

示例:

在您发送的一个水疗中心页面视图上说:{'page-title':'my awesome spa page 1', 'page-url':'/vpv/myapp/page1','event':'SPA-screen-view'},在随后的页面上您仅进行了{'page-url':'/vpv/myapp/page1','event':'SPA-screen-view'},但是在GA标签中,您同时捕获了'page-title'和{{1 }},第二页将有'page-url',因为它尚未更新。