用友盟（CNZZ）实现Html5中的事件统计

友盟参考站点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']);
})

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

用友盟（CNZZ）实现Html5中的事件统计相关推荐

友盟cnzz统计数据为什么统计不到百度360搜狗搜索过来的关键词？
网站上同时安装了百度统计和友盟的cnzz统计,通过数据分析发现,两者有很大区别,而且在cnzz搜索词那一项,和百度统计的出入很大. 记得几年前,cnzz是可以详细统计到各大搜索引擎的数据的,那么现在c ...
android 友盟推送获取不到devicetoken,使用友盟消息推送中遇到的哪些问题--索引（开发者必读）...
友盟推送服务器容量如何?每天耗电.耗流量多少?开发者自己的推送如何与友盟推送系统进行通讯?用户如何关闭推送服务?集成中有哪些坑?等等等等,汇总贴,供参考. 先来介绍下友盟推送有啥功能吧. 第一,支持多 ...
Vue中使用友盟CNZZ事件统计
1.在app.vue中进行引入 created() {let CNZZ_ID = "CNZZ_ID ";// 创建cnzz统计jsconst script = document.c ...
uniapp开发app过程中集成友盟统计
uniapp在开发app过程中,需要集成友盟统计,可参考以下流程进行配置友盟统计官网注册并获取appkey 单独创建安卓跟ios的应用,获取到appkey(这里以安卓为例) 配置manifest.j ...
php跳转不能加cnzz统计,页面添加友盟（CNZZ）统计和事件追踪
1. 在页面中引入友盟(CNZZ)统计的 JS 代码 // 统计 var cnzz_protocol = (("https:" == document.location.proto ...
flutter友盟分享_flutter中友盟插件开发使用
CSDN-专业IT技术社区-登录blog.csdn.net 开发插件要具备的知识:Flutter 与原生 Android iOS 双向通信 Flutter通过MethodChannel实现Flut ...
Flutter中使用友盟统计
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. 重要消息网易云[玩转大前端]配套课程 EDU配套教程 Flutter开发的点滴积累系列文章可以用来加载 Html ...
flutter友盟分享_Flutter中使用友盟统计
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. 重要消息可以用来加载 Html 页面,以实现 Android 中 WebView 或者是 iOS 中的 UIWeb ...
友盟+首席产品官林鸣晖：从统计平台到数据智能云服务的9年进阶之路
作者:数据猿|郭敏现如今,行业越来越重视数据的价值,利用技术手段将原始数据分析.加工为信息和知识,进而转化为决策或行动,商业社会已经从大数据时代迈入数据智能时代. 时代的悄然变化带来了新的商业机会, ...