Google Analytics 的一些用法介绍( 二 )


追踪用户交互活动除了页面访问记录之外 , Google Analytics 还经常被用于追踪用户的交互活动 , 例如某个按钮的点击情况 。“提交按钮被用户点击了多少次?” , “产品手册会被经常查阅吗?”这些都是 Web 应用程序的产品评审会议上的常见问题 。这一节我们将会介绍如何实现这些数据的统计 。
按钮点击设想这样一种场景 , 需要统计到应用程序中某个按钮或链接被点击的次数 , 这是一个和注册之类的关键动作关系最密切的数据指标 。下面我们来举一个例子:
假设应用程序中有一个“感兴趣”按钮 , 用于显示即将推出的活动 , 你希望通过统计这个按钮被点击的次数来推测有多少用户对此感兴趣 。那么我们可以使用以下的代码来实现这个功能:
...params = { eventCategory: 'Button' , eventAction: 'Click' , eventLabel: 'Show interest' , eventValue: 1};showInterest() { ga('send', 'event', this.params);}...现在看下这段代码实际上做了什么 。正如前面说到 , 当我们向 Google Analytics 发送数据的时候 , Google Analytics 就会记录下来 。因此我们可以向 send() 方法传递不同的参数 , 以区分不同的事件 , 例如两个不同按钮的点击记录 。
1、首先我们定义了一个 params 对象 , 这个对象包含了以下几个字段:

  1. eventCategory – 交互发生的对象 , 这里对应的是按钮(button)
  2. eventAction – 发生的交互的类型 , 这里对应的是点击(click)
  3. eventLabel – 交互动作的标识 , 这里对应的是这个按钮的内容 , 也就是“感兴趣”
  4. eventValue – 与每个发生的事件实例相关联的值
由于这个例子中是要统计点击了“感兴趣”按钮的用户数 , 因此我们把 eventValue 的值定为 1 。
2、对象构造完成之后 , 下一步就是将 params 对象作为请求负载发送到 Google Analytics , 而这一步是通过事件绑定将 showInterest() 绑定在按钮上实现的 。这也是使用 Google Analytics 追踪中最常用的发送事件方法 。
至此 , Google Analytics 就可以通过记录按钮的点击次数来统计感兴趣的用户数了 。
追踪社交活动Google Analytics 还可以通过应用程序追踪用户在社交媒体上的互动 。其中一种场景就是在应用中放置类似 Facebook 的点赞按钮 , 下面我们来看看如何使用 Google Analytics 来追踪这一行为 。
...fbLikeParams = { socialNetwork: 'Facebook', socialAction: 'Like', socialTarget: 'https://facebook.com/mypage'};...fbLike() { ga('send', 'social', this.fbLikeParams);}如果你觉得这段代码似曾相识 , 那是因为它确实跟上面统计“感兴趣”按钮点击次数的代码非常相似 。下面我们继续看其中每一步的内容:
1、构造发送的数据负载 , 其中包括以下字段:
  1. socialNetwork – 交互发生的社交媒体 , 例如 Facebook、Twitter 等等
  2. socialAction – 发生的交互类型 , 例如点赞、发表推文、分享等等
  3. socialTarget – 交互的目标 URL , 一般是社交媒体账号的主页
2、下一步是增加一个函数来发送整个交互记录 。和统计按钮点击数量时相比 , 这里使用 send() 的方式有所不同 。另外 , 我们还需要把这个函数绑定到已有的点赞按钮上 。
在追踪用户交互方面 , Google Analytics 还可以做更多的事情 , 其中最重要的一种是针对异常的追踪 , 这让我们可以通过 Google Analytics 来追踪应用程序中出现的错误和异常 。在本文中我们就不赘述这一点了 , 但我们鼓励读者自行探索 。
用户识别隐私是一项权利 , 而不是奢侈品Google Analytics 除了可以记录很多用户的操作和交互活动之外 , 这一节还将介绍一个不太常见的功能 , 就是可以控制是否对用户的身份进行追踪 。
CookiesGoogle Analytics 追踪用户活动的方式是基于 Cookies 的 , 因此我们可以自定义 Cookies 的名称以及一些其它的内容 , 请看下面这段代码:
trackingID = 'UA-139883813-1';cookieParams = { cookieName: 'myGACookie', cookieDomain: window.location.hostname, cookieExpires: 604800};...ngOnInit() { ga('create', this.trackingID, this.cookieParams);...}


推荐阅读