介绍
universal-analytics 是 Google Analytics 的一个 Node.js 包,可以用于在前端或服务器端跟踪网站分析,用户行为和转化率等数据。使用 universal-analytics 可以很方便的统计用户访问成功,下载或购买等,提供科学的数据支持,为优化网站带来重要参考价值。
安装
在使用 universal-analytics 前,需要先安装该包,可以使用 npm 包管理器进行安装:
$ npm install universal-analytics
初始化
使用 universal-analytics 需要先创建一个 Google Analytics 帐号,获得一个 Tracking ID,然后初始化一个 Universal Analytics 实例:
const ua = require('universal-analytics'); const visitor = ua('UA-XXXXXX-XX', { https: true }); // 如果使用了不同的端点,则需要通过 set 明确指定 const visitor = ua('UA-XXXXX-Y', { https: true, strictCidFormat: false });
其中 'UA-XXXXXX-XX'
是 Tracking ID,这个 ID 需要替换成自己的 Tracking ID。
数据追踪
使用 universal-analytics 发送页面浏览,事件或其他类型的数据追踪信息。
发送页面浏览数据
使用 .pageview()
方法发送页面浏览数据:
// 发送一个简单的页面浏览 visitor.pageview('/page1').send();
pageview()
方法的第一个参数是页面路径,如 /page1
。调用 .send()
方法向 Google Analytics 发送数据。
发送事件追踪数据
使用 .event()
方法发送事件追踪数据:
// 发送一个带有类别,操作和标签的事件追踪数据 visitor.event('category', 'action', 'label').send();
.event()
方法的第一个参数是事件类别,如 category
,第二个参数是事件操作,如 action
,第三个参数是事件标签,如 label
。调用 .send()
方法向 Google Analytics 发送数据。
发送自定义数据
可以使用 .send()
方法发送任何类型的自定义数据:
-- -------------------- ---- ------- -- -------------------------- ------------------ --- ---------- --- ------- - ------ - --- ------- ---------- -- ----------- -- --------- --------------- --- ------------ --- ----------- ------ --------- ------ ----- -------- - --- ---- --- ----------展开代码
.pageview()
和 .event()
方法都接受一个对象作为参数,用于发送自定义的页面浏览和事件追踪数据。
指定数据来源
可以使用 .set()
方法指定数据来源。
// 指定数据来源为 http://example.com visitor.set('cs', 'http://example.com');
.set()
方法接受两个参数,第一个参数是数据来源类型,如 cs
表示来源页,cn
表示广告系列名称,cm
表示广告媒介等。第二个参数是数据来源的值,如 http://example.com
。
实战示例
-- -------------------- ---- ------- ----- -- - ------------------------------- ----- ------- - ------------------ - ------ ---- --- -- -------- ---------------------------------- -- ------------------- ---------------------- ------- ------------------- -- -------------------------- ------------------ --- ---------- --- ------- - ------ - --- ------- ---------- -- ----------- -- --------- --------------- --- ------------ --- ----------- ------ --------- ------ ----- -------- - --- ---- --- ----------展开代码
结论
使用 universal-analytics 可以方便地统计和分析网站的数据,提供科学的参考价值。本文介绍了 universal-analytics 的安装,实例化和数据追踪使用,相信对于前端开发者会有一定的帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/70230