Google Analytics 4 上对SPA/PWA做跟踪的4种方法

Google Analytics 4 Haran 8年前 (2017-03-03) 6411次浏览 0个评论
文章目录[隐藏]

更新时间:2024年8月18日

这一篇介绍GA4对SPA做跟踪的几种方法。

增强型衡量

GA4内置支持对SPA的跟踪,在数据流详情里面点击“增强型衡量功能”,勾选“根据浏览器历史记录时间判断的页面更改”:

Google Analytics 4 上对SPA/PWA做跟踪的4种方法

 

  • 优点:内置支持,设置简单
  • 缺点:只能跟踪基础的PV,存在Page URL和Page Title错位

History Change

给GA4基础页面的Tag,添加多一个History Change触发条件,触发器设置如下:

Google Analytics 4 上对SPA/PWA做跟踪的4种方法

 

  • 优点:设置简单
  • 缺点:存在Page URL和Page Title错位

 

延时

前面两种方式都会存在Page URL和Page Title错位的情况。

延时的方法,就是页面加载/History Change,然后延时500ms,执行js获取Page URL和Page Title,通过dataLayer.push发送出去。

  • 优点:不需要开发,只需在GTM设置就可以实现
  • 缺点:延时事件不管如何设定,总会有丢失PV的情况

 

dataLayer.push

dataLayer.push是开发主动发送事件的方式,如发送Page Path、Page Title,然后在GTM将其转化成PV,延伸阅读:在Google Tag Manager上对单页应用做跟踪

  • 优点:数据准确
  • 缺点:需要开发

如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址