用友盟(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 代码


三、在页面的之前添加


事件统计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值,用于在“用户视点”功能上重绘元素的事件发生情况。
   例子:
打分

上面的例子需要在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中的事件统计)