天天看点

谷歌统计使用代码部署和事件API使用

谷歌统计代码部署和API使用

1.注册谷歌账号

要使用GA,必需先成为GOOGLE的注册用户,如果没有请去注册。当然,你有GMAIL邮箱就可以。邮箱就是帐户名。

2.开启Google Analytics分析工具

当你有了GOOGLE账户后,你会发现里面只有基本的功能和服务,找不到GA,你需要去开通一下GA工具才行。

访问这个地址 http://www.google.cn/analytics/zh-CN/ 进行注册。

3.配置跟踪站点

<script>

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXX-X', 'auto');

  ga('send', 'pageview');

</script>

这是针对此媒体资源的 Universal Analytics 跟踪代码。

要充分发挥 Universal Analytics 为此媒体资源带来的优势,请将此代码复制并粘贴到您要跟踪的每个网页中。

以上代码进行了以下四项操作:

  1. 创建了一个 <script> 元素,并开始从 

https://www.google-analytics.com/analytics.js 异步下载 analytics.js JavaScript 库。

  1. 初始化了一个全局函数 ga(也称为 ga() 命令队列),您可以通过该函数来安排要在 analytics.js 库加载完毕可供使用时执行的命令。
  2. 在 ga() 命令队列中添加一条命令,为通过 'UA-XXXXX-Y' 参数指定的媒体资源创建一个新的跟踪器对象。
  3. 在 ga() 命令队列中添加另一条命令,为当前页面向 Google Analytics(分析)发送网页浏览数据。

注意:UA-XXXX-X 为你的跟踪ID , 开通后,谷歌会返回给你一个跟着ID 

4.配置完成后,检查代码是否安装正确,最后点击报告

谷歌统计使用代码部署和事件API使用

如上图所示,点击报告,即可看到当前用户访问网站的信息统计。

谷歌统计使用代码部署和事件API使用

如上图所示左边有很多统计的方式和工具,可根据自身网站需要,来进行设置。

温馨提示:

至此谷歌统计基本配置完了。下面我介绍下谷歌统计Analytics.js如何使用?

向网站添加代码跟踪,最后是通过创建script标签向header中引用了一个Analytics.js文件,所以,也可以不用添加跟踪代码,直接将Analytics.js下载下来,引用到项目中即可,此方式等价于上面添加代码跟踪的方式。当然这种方式只针对网页:

谷歌统计使用代码部署和事件API使用

如果是Android和IOS平台需要看另外两种方式。

Analytics.js下载地址:https://www.google-analytics.com/analytics.js

下载完代码后,将文件放到工作目录,在页面中进入进去,需要在js最后添加两行代码:

ga('create', 'UA-XXXX-X', 'auto');创建一个新的跟踪器对象

ga('send', 'pageview');向谷歌统计发送页面浏览数据

事件跟踪代码实现

本指南介绍如何使用 analytics.js 实现事件跟踪。

概览

“事件”是指可以独立于网页或屏幕的加载而进行跟踪的用户与内容进行的互动。下载、移动广告点击、小工具、Flash 元素、AJAX 嵌入式元素以及视频播放都是可以作为事件进行跟踪的操作。

实现

可以使用 send 命令并指定 event hitType 来发送事件匹配。针对 event 匹配类型的 send 命令调用使用以下签名:

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);

事件字段

下表概述了所有事件字段:

字段 类型 是否必需 说明
eventCategory 字符串 通常是用户与之互动的对象(例如 'Video')
eventAction 互动类型(例如 'play')
eventLabel 用于对事件进行分类(例如 'Fall Campaign')
eventValue 数字 与事件相关的数值(例如 42)

示例:

以下命令向 Google Analytics(分析)发送一个事件,指明用户播放了秋季广告系列推广视频:

ga('send', 'event', 'Videos', 'play', 'Fall Campaign');

以上内容均来自谷歌开发者手册,如果需要查看更多文档手册,可参考地址:https://developers.google.com/analytics/devguides/collection/analyticsjs/events#overview

继续阅读