谷歌统计使用代码部署和事件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 为此媒体资源带来的优势,请将此代码复制并粘贴到您要跟踪的每个网页中。
以上代码进行了以下四项操作:
- 创建了一个 <script> 元素,并开始从
https://www.google-analytics.com/analytics.js 异步下载 analytics.js JavaScript 库。
- 初始化了一个全局函数 ga(也称为 ga() 命令队列),您可以通过该函数来安排要在 analytics.js 库加载完毕可供使用时执行的命令。
- 在 ga() 命令队列中添加一条命令,为通过 'UA-XXXXX-Y' 参数指定的媒体资源创建一个新的跟踪器对象。
- 在 ga() 命令队列中添加另一条命令,为当前页面向 Google Analytics(分析)发送网页浏览数据。
注意:UA-XXXX-X 为你的跟踪ID , 开通后,谷歌会返回给你一个跟着ID
4.配置完成后,检查代码是否安装正确,最后点击报告

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

如上图所示左边有很多统计的方式和工具,可根据自身网站需要,来进行设置。
温馨提示:
至此谷歌统计基本配置完了。下面我介绍下谷歌统计Analytics.js如何使用?
向网站添加代码跟踪,最后是通过创建script标签向header中引用了一个Analytics.js文件,所以,也可以不用添加跟踪代码,直接将Analytics.js下载下来,引用到项目中即可,此方式等价于上面添加代码跟踪的方式。当然这种方式只针对网页:

如果是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]);
事件字段
下表概述了所有事件字段:
|
字段 |
类型 |
是否必需 |
说明 |
|
字符串 |
是 |
通常是用户与之互动的对象(例如 'Video') |
|
|
字符串 |
是 |
互动类型(例如 'play') |
|
|
字符串 |
否 |
用于对事件进行分类(例如 'Fall Campaign') |
|
|
数字 |
否 |
与事件相关的数值(例如 42) |
示例:
以下命令向 Google Analytics(分析)发送一个事件,指明用户播放了秋季广告系列推广视频:
ga('send', 'event', 'Videos', 'play', 'Fall Campaign');
以上内容均来自谷歌开发者手册,如果需要查看更多文档手册,可参考地址:https://developers.google.com/analytics/devguides/collection/analyticsjs/events#overview
谷歌统计使用代码部署和事件API使用的更多相关文章
- ASP.net中网站访问量统计方法代码(在线人数,本月访问,本日访问,访问流量,累计访问)
一.建立一个数据表IPStat用于存放用户信息 我在IPStat表中存放的用户信息只包括登录用户的IP(IP_Address),IP来源(IP_Src)和登录时间 (IP_DateTime),些表的信 ...
- [翻译]在Django项目中添加谷歌统计(Google Analytics)
原文:<Google Analytics tracking code into Django projects, the easy way> 对我来说,制作一个可扩展的Django应用随时 ...
- Jquery第二篇【选择器、DOM相关API、事件API】
前言 前面已经介绍过了Jquery这门语言,其实就是一个javaScript的库-能够简化我们书写的代码-.本博文主要讲解使用Jquery定位HTML控件[定位控件就是获取HTML的标签],使用Jqu ...
- 试试使用 eolinker 扫描 GitLab 代码注释自动生成 API 文档?
前言: 一般写完代码之后,还要将各类参数注解写入API文档,方便后续进行对接和测试,这个过程通常都很麻烦,如果有工具可以读取代码注释直接生成API文档的话,那会十分方便. 此前一直都是在使用eolin ...
- GitHub Python项目推荐|瓦力Devops开源项目代码部署平台持续部署
GitHub Python项目推荐|walle - 瓦力 Devops开源项目代码部署平台 项目热度 标星(star):8418 (很不错的实用项目,大神作品,建议关注) 标星趋势 关注(watch) ...
- NPM 使用介绍(包管理工具,解决NodeJS代码部署上的很多问题)
引用地址:http://www.runoob.com/nodejs/nodejs-npm.html NPM 使用介绍 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问 ...
- ngui中 代码调用按钮事件(后来改成了按钮绑定键盘..)
ngui中 代码调用按钮事件 好烦人啊这个问题, 我弄完发上来 这个问题解决了一半 发现可以用 按钮绑定来解决这个问题,并且更安全方便快速 直接在按钮上添加一个 key binding 指定按键 搞定 ...
- 【java IO File】统计项目代码总共多少行
统计项目代码总共有多少行 思想: 1.首先将不需要迭代的文件夹,保存在集合中,不满足的就是需要迭代的文件夹 2.将需要进行统计行数的代码文件保存在集合中,满足的就是需要计算文件行数的文件 3.迭代方法 ...
- iOS开发_统计xcode代码行数
如果要统计ios开发代码,包括头文件的,终端命令进入项目目录下,命令如下 find . -name "*.m" -or -name "*.h" -or -nam ...
随机推荐
- JD . 简单的网站构成、引入图标、去除 图片间距/加粗/倾斜/下划线/蓝色外边框 禁止文本拖拽、文字居中、做logo、模拟鼠标 、不使用hover外部css样式实现hover鼠标悬停改变样式
模拟京东案例准备: 截图(效果图PSD文件) 搭建项目环境 (结构样式行为分离) HTML 核心文件 index.html CSS 控制样式 base.css(基础样式 ...
- QQ登陆接口
这次做了一个QQ登陆接口---简单记录一下 遇到一大坑-----QQ互联里面添加应用的时候,是网站应用,配置回调地址一定要配置 准确,到指定回调页面 否则会出现问题的.
- java 接口默认修饰符问题
package test; public interface InterfaceTest { void todo();} /** * 以下是反编译的内容,接口里的方法默认都是public的.abstr ...
- PRINCE2的好处是什么?使用PRINCE2受益非浅
项目管理促进了全球许多公共部门与私营企业的经济活动. 优秀的项目管理意味着使用更少的资源在更短的时间内达到一个成功的结果,经过良好培训的项目经理能够帮助组织更加富有创新力,取得成功. 对那些希望展现自 ...
- 关于CO中的processRequest和processFormRequest的区别
在OAF开发中会有许多的CO,而一般情况下CO中的有两个基本的方法那就是processRequest和processFormRequest,processRequest是页面执行初始化的时候执行的方法 ...
- 使用register_shutdown_function触发写日志,使用fastcgi_finish_request提高响应速度
公司内部的市场管理系统,一直是我一个人维护,最近老是有开发埋怨,内网的账号被人改了密码,账号被解绑了...哈的,错在这还不是一个完整的系统,既没有严格的权限也没有做操作日志呀... 权限现在是准备做在 ...
- Struts2之i18N国际化
对于i18n其实没有太多内容,一般的公司用不到这些内容,除非是跨国公司,但即便是跨国公司也不一定会使用i18n来进行国际化处理,所以本篇内容仅供大家了解,不做深入的探讨,希望通过本篇内容,可以帮助大家 ...
- 【Flex】去除外边框,底背景透明,改变exe的icon
一.去除程序外边框 1.在 xx-app.xml文件里,找到 <!-- <systemChrome></systemChrome> --> 这句话,然后删掉注释 ...
- 性能调优案例分享:jvm crash的原因 1
性能调优案例分享:jvm crash的原因 poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家咨询qq: ...
- 读书笔记 effective c++ Item 46 如果想进行类型转换,在模板内部定义非成员函数
1. 问题的引入——将operator*模板化 Item 24中解释了为什么对于所有参数的隐式类型转换,只有非成员函数是合格的,并且使用了一个为Rational 类创建的operator*函数作为实例 ...