用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游戏的数据统计。