html5实现统计功能,用CNZZ实现Html5中的事件统计

应用场景

开发手机端Html5时，需要事件统计，如统计每个页面的PV(Page View 访问量)、UV(Unique Visitor 独立访客)，某个按钮的点击次数，微信分享次数等。

分析

以上这些统计可以通过存储变量实现(如记录到数据库)，但是比较繁琐并且无法准确的统计UV。

考虑使用专业的统计工具，如CNZZ、百度统计等。

设置方法

以CNZZ为例，设置方法很简单(官方文档)，只需调用一个函数“_trackEvent()”

czc.push(["_trackEvent",category,action,label,value,nodeid]);

//category：事件类别，必填项；

//action：事件操作，必填项；

//label：事件标签，选填项；

//value：事件值，选填项；

//nodeid：div元素id，选填项；

在“开放计算平台/事件"下，查看数据。

应用举例

1.统计按钮点击事件

//CNZZ统计代码start

_czc.push(['_trackEvent', '按钮点击', '开始按钮']);

//CNZZ统计代码end

2.统计微信朋友圈分享事件

//CNZZ统计代码start

_czc.push(['_trackEvent', '分享', '朋友圈']);

//CNZZ统计代码end

数据展示如下图：

其他

百度统计设置方法基本一致(官方文档)；

还有一个统计工具DataEye，专门用于HTML5游戏的数据统计。