网站开发 原理中国十大电商培训机构

友盟参考站点api:https://open.cnzz.com/a/api/setautopageview/

关注我的微信公众号【前端基础教程从0开始】，加我微信，可以免费为您解答问题。回复“1”，拉你进程序员技术讨论群。回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”，领取300G前端，Java，微信小程序，Python等资源，让我们一起学前端。

cnzz的统计有页面统计（pv,uv），还有事件统计，比如：统计页面上1个按钮的点击次数。事件统计也要有友盟的统计账号，并且页面上有页面统计的js代码。一般是这样：

一、应用场景

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

二、在页面中引入友盟（CNZZ）统计的 JS 代码

<script type="text/javascript"> // 统计var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_******'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s96.cnzz.com/z_stat.php%3Fid%3D1275610080%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));document.getElementById("cnzz_stat_icon_******").style.display="none"; // 隐藏统计小图标
</script>

三、在页面的之前添加

<script>
//声明_czc对象:
var _czc = _czc || [];
//绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
_czc.push(["_setAccount", "XXXXXXXX"]);
</script>

事件统计cnzz官方文档：http://open.cnzz.com/a/new/trackevent/

注意，事件统计要写在触发事件元素的事件里面，也就是说，事件统计调用时通过元素的事件触发的，并不是放在页面底部上就可以触发的。官方例子：

_czc.push(["_trackEvent",category,action,label,value,nodeid]);
各参数含义如下：category：事件类别，必填项，表示事件发生在谁身上，如“视频”、“小说”、“轮显层”等等。action：事件操作，必填项，表示访客跟元素交互的行为动作，如"播放"、"收藏"、"翻层"等等。label：事件标签，选填项，用于更详细的描述事件，从各个方面都可以，比如具体是哪个视频，哪部小说，翻到了第几层等等。value：事件值，选填项，整数型，用于填写打分型事件的分值，加载时间型事件的时长，订单型事件的价格等等。nodeid：div元素id，选填项，填写网页中的div元素id值，用于在“用户视点”功能上重绘元素的事件发生情况。例子：
<a href="#" onclick="_czc.push(['_trackEvent', '小说', '打分', '达芬奇密码','5','dafen']);">打分</a>

上面的例子需要在js里声明对象：_czc。

写在script也是可以的，如果用到了jQuery框架。上面的例子可以这么写：

$('a').click(function(){_czc.push(['_trackEvent', '小说', '打分', '达芬奇密码','5','dafen']);
})

如果这个a标签是通过js生成的，则要用到事件委托、

$(document).delegate('a','click',function(){_czc.push(['_trackEvent', '小说', '打分', '达芬奇密码','5','dafen']);
})

添加好了之后可以到友盟个人中心，查看网站统计，里面有一项事件统计。