用友盟(CNZZ)实现Html5中的事件统计

友盟参考站点api:https://open.cnzz.com/a/api/setautopageview/
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']);
})

添加好了之后可以到友盟个人中心,查看网站统计,里面有一项事件统计。
公众号:
在这里插入图片描述
微信:
在这里插入图片描述

发布了84 篇原创文章 · 获赞 102 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/allen_csdns/article/details/103419897
今日推荐