专栏首页GA小站3.2.8 、Google Tag Manager实战指南——虚拟页面跟踪单页应用

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。

本文分享自微信公众号 - GA小站(ichdata),作者:Haran

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 你看到的跳出率可能是错的

    跳出率通常作为衡量着陆页的一个重要指标之一,根据GA官方的定义是: “跳出”是指您网站上的单页会话。在 Google Analytics(分析)中,“跳出”特指...

    GA小站
  • 2.4.1、Google Analytics高级应用——查看页面上下级

    在GA中查看上下级页面有默认参数:先前页面路径和后续页面路径,但出来的结果往往是前后相等的,错误的,如图2-48所示:

    GA小站
  • 2.2.5、Google Analytics高级应用——虚拟页面跟踪

    页应用是指在浏览器中运行的应用,它们在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编写文档”或者“管理Web服务器”。可以认为单页...

    GA小站
  • Confluence 6 应该如何在我的空间中组织内容

    你在 Confluence 中创建的任何内容,从会议记录到回顾和任何中间的内容,不管来源是博客和页面。

    HoneyMoose
  • AS3初学者容易迷糊的几个问题

    1.Sprite/MovieClip的Enter_Frame事件,不受addChild/removeChild影响 简单点讲:Sprite或MovieClip对...

    菩提树下的杨过
  • Angular 2 库

    孙亖
  • 动态 | 谷歌大罢工席卷全球!47个办事处规模超历史,员工公开刊登诉求

    美国时间周四即11月1日上午11点,成千上万的谷歌工作人员走出世界各地的办公室,以“Google walkout”为代号,让这次运动迅速席卷全球。员工聚集在苏黎...

    AI科技评论
  • 【NLP】初次BERT使用者的可视化指南

    用可视化的方式演示了如何用Bert来做一个句子分类的应用,每一步都有非常详细的图解,特别的清楚。

    yuquanle
  • 图(Graph)是由顶点的有穷非空集合和 顶点之间边 的集合组成,通常表示为: (Graph) G(V, E),其中,G表示一个图,V是图G中顶点的集合,E是...

    小飞侠xp
  • 快讯:Oracle自治事务处理数据库发布和19c路线图

    此前 Oracle 已经发布了 Autonomous Data Warehouse 服务(ADW),现在 Autonomous Transaction Proc...

    数据和云

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动