更新时间：2024年8月18日
单页应用就是指浏览器访问站点的时候，使用期间不会重新加载页面，给用户的看到的是所有URL就是一样的，有体验原生APP的感觉，这是一种从Web服务器加载的富客户端，有不少优点：
- 一次开发，多端兼容，大大减少了开发的工作量。
- 减轻服务器压力，只提供数据。
- 前后端分离，各司其职，这个应该不算是特有的优点。
虽然单页应用还是有部分缺点，但是优点大于缺点，所以深受开发者的喜爱，单页应用在移动端上盛行。由于单页应用使用过程中不会重新加载页面，给采用页面加标签技术的跟踪方案带来了诸多的不便，如GA4里面的页面报告就只有一个URL,页面浏览量远远小于实际情况，以及很多报告都不能使用。
这一篇介绍GA4对SPA做跟踪的几种方法。
增强型衡量
GA4内置支持对SPA的跟踪，在数据流详情里面点击“增强型衡量功能”，勾选“根据浏览器历史记录时间判断的页面更改”：
- 优点：内置支持，设置简单
- 缺点：只能跟踪基础的PV，存在Page URL和Page Title错位
History Change
给GA4基础页面的Tag，添加多一个History Change触发条件，触发器设置如下：
- 优点：设置简单
- 缺点：存在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) 我~