如何精确统计页面按钮点击量

　　一、在网站中安装CNZZ代码

　　二、找到自己喜欢的代码展现方式安装

　　三、点击左侧的事件开放平台

　　功能说明

　　用于发送页面上按钮等交互元素被触发时的事件统计请求。如视频的“播放、暂停、调整音量”，页面上的“返回顶部”、“赞”、“收藏”等。 尊重原创 SEM优化网 www.semyouhua.com

　　在元素被触发时调用_trackEvent()方法，则访客使用这些元素的情况就可以被CNZZ统计到，并展现到报表中供您查看。每个事件允许您从多种维度来命名、标记，查看数据时也会根据不同维度汇总数据，并且提供了“值”位，可用于计算一些与“金额”、“评分”等相关的数据。

　　常见应用场景

　　页面上交互元素的统计，如：返回顶部、赞、收藏、打分、展开收起隐藏层、TAB切换。

　　播放器的交互统计，如：加载、播放、暂停、调整音量。

　　四、开始部署预配置代码

　　预配置代码部署

　　1、每个需要调用API的页面，都首先需要安装有CNZZ统计的JS统计代码。点此了解部署方法。 原文出处 SEM优化网 www.semyouhua.com

　　2、正式开始部署“虚拟PV跟踪”、“事件跟踪”等API代码之前，需要先在页面的</head>之前添加如下代码。

<script> 　　//声明_czc对象: 　　var _czc = _czc || []; 　　//绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分 　　_czc.push(["_setAccount", "XXXXXXXX"]); 　　</script> 本文来自 SEM优化网 www.semyouhua.com

　　只有添加了这段代码，本平台提供的API代码才能正常执行。

　　“var _czc = _czc || [];”，用来声明_czc对象，API代码中都会使用到这个对象。

　　“_czc.push(["_setAccount", "XXXXXXXX"]);”用来指定需要哪个网站代码(siteid)来接受API发送的请求。"XXXXXXXX"表示您网站上添加的CNZZ统计代码所对应的siteid，请用您的siteid替换此部分。

　　添加好预配置代码后，就可以开始部署虚拟PV、事件跟踪等代码了。

　　五、代码语法及参数说明

　　在按钮等被点击触发的时候，调用_trackEvent()方法，语法如下：

　　_czc.push(["_trackEvent",category,action,label,value,nodeid]);

　　//本代码仅为语法范例，请勿直接粘贴使用。部署时需要您替换参数值。 原文出处 SEM优化网 www.semyouhua.com

　　各参数含义如下：

　　category：事件类别，必填项，表示事件发生在谁身上，如“视频”、“小说”、“轮显层”等等。

　　action：事件操作，必填项，表示访客跟元素交互的行为动作，如"播放"、"收藏"、"翻层"等等。

　　label：事件标签，选填项，用于更详细的描述事件，从各个方面都可以，比如具体是哪个视频，哪部小说，翻到了第几层等等。

　　value：事件值，选填项，整数型，用于填写打分型事件的分值，加载时间型事件的时长，订单型事件的价格等等。

　　nodeid：div元素id，选填项，填写网页中的div元素id值，用于在“用户视点”功能上重绘元素的事件发生情况。

<div class="mydiv1"> <a href="自定义" onClick="_czc.push (['_trackEvent', '电话按钮', '点击', '电话拨打','1','mydiv1']);"><li> <img src="../images/400@2x.png" width="42" height="42"> <div class="mydiv">SEM优化网</div> </li></a> </div 原文出处 SEM优化网 www.semyouhua.com

　　六、观看数据

　　注：此方法，相比页面热力图要精确很多，可以分出渠道，此功能需要代码基础，如果部署不成功，或者又疑问的，可以随时咨询我！一起成长！ (微信公众号：gmwlyxbj)

转载请注明出处：http://www.semyouhua.com/gongju/623.html

相关阅读：