3.2.8 、Google Tag Manager实战指南——虚拟页面跟踪单页应用

1.什么是单页应用？

单页应用就是指浏览器访问站点的时候，使用期间不会重新加载页面，给用户的看到的是所有URL就是一样的，有体验原生APP的感觉，这是一种从Web服务器加载的富客户端。

2.单页应用的优点：

一次开发，多端兼容，大大减少了开发的工作量。

减轻服务器压力，只提供数据。

前后端分离，各司其职，这个应该不算是特有的优点。

虽然单页应用还是有部分缺点，但是优点大于缺点，所以深受开发者的喜爱，单页应用在移动端上盛行。由于单页应用使用过程中不会重新加载页面，给采用页面加标签技术的跟踪方案带来了诸多的不便，如GA里面的页面报告就只有一个URL,页面浏览量远远小于实际情况，以及很多报告都不能使用。

如果要想Web那样跟踪单页应用，那么需要采用虚拟页面的形式去跟踪。

实现原理：如图3-85所示，打开新的页面的时候向数据层推送事件，然后在GTM将事件转化成PV，跟直接推送PV相比，这种方法好处就是可以通过GTM上的触发器控制页面和Hits的数量，而不需要做发版。

图3-85 单页应用跟踪原理

这种方式的原理等于与前一节事件跟踪的dataLayer方法。基本上对于使用GTM来管理APP也是类似的原理，都是通过数据层来管理屏幕，维度，指标等

设置过程：

1、变量，接收[数据层](https://www.ichdata.com/tag/数据层" \t "_blank)的[自定义事件](https://www.ichdata.com/tag/自定义事件" \t "_blank)，如图8-86所示：

图8-86 自定义事件

这配置表示接收所有的自定义事件。

2、触发器，

匹配[数据层](https://www.ichdata.com/tag/数据层" \t "_blank)中需要触发的页面或屏幕，只有匹配到的才会出现在page或screenname里面，可以随意控制，如图3-87所示：

图3-87 自定义事件触发器

3、代码

在要设置的字段中找到page，值就是前面的变量EventName，这个就是将[数据层](https://www.ichdata.com/tag/数据层" \t "_blank)的事件转成page，您在GA报告里面看到的就是page了，需要注意的是tracktype是pageview，也就是页面跟踪的，具体设置如图3-88所示：

图3-88 代码配置

触发器就是前面的“dataLayer事件跟踪屏幕触发”，这样所有的页面都会被跟踪到，可以像Web那么继续使用GA。