如何精确统计页面按钮点击量
发布时间：2020-08-24 21:14 浏览次数：次
一、在网站中安装CNZZ代码
二、找到自己喜欢的代码展现方式安装
三、点击左侧的事件开放平台
功能说明
用于发送页面上按钮等交互元素被触发时的事件统计请求。如视频的“播放、暂停、调整音量”，页面上的“返回顶部”、“赞”、“收藏”等。
在元素被触发时调用_trackEvent()方法，则访客使用这些元素的情况就可以被CNZZ统计到，并展现到报表中供您查看。每个事件允许您从多种维度来命名、标记，查看数据时也会根据不同维度汇总数据，并且提供了“值”位，可用于计算一些与“金额”、“评分”等相关的数据。
常见应用场景
页面上交互元素的统计，如：返回顶部、赞、收藏、打分、展开收起隐藏层、TAB切换。
播放器的交互统计，如：加载、播放、暂停、调整音量。
四、开始部署预配置代码
预配置代码部署
1、每个需要调用API的页面，都首先需要安装有CNZZ统计的JS统计代码。点此了解部署方法。
2、正式开始部署“虚拟PV跟踪”、“事件跟踪”等API代码之前，需要先在页面的</head>之前添加如下代码。
只有添加了这段代码，本平台提供的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]);
//本代码仅为语法范例，请勿直接粘贴使用。部署时需要您替换参数值。
各参数含义如下：
category：事件类别，必填项，表示事件发生在谁身上，如“视频”、“小说”、“轮显层”等等。
action：事件操作，必填项，表示访客跟元素交互的行为动作，如"播放"、"收藏"、"翻层"等等。
label：事件标签，选填项，用于更详细的描述事件，从各个方面都可以，比如具体是哪个视频，哪部小说，翻到了第几层等等。
value：事件值，选填项，整数型，用于填写打分型事件的分值，加载时间型事件的时长，订单型事件的价格等等。
nodeid：div元素id，选填项，填写网页中的div元素id值，用于在“用户视点”功能上重绘元素的事件发生情况。
六、观看数据
注：此方法，相比页面热力图要精确很多，可以分出渠道，此功能需要代码基础，如果部署不成功，或者又疑问的，可以随时咨询我
用于发送页面上按钮等交互元素被触发时的事件统计请求。如视频的“播放、暂停、调整音量”，页面上的“返回顶部”、“赞”、“收藏”等。
在元素被触发时调用_trackEvent()方法，则访客使用这些元素的情况就可以被CNZZ统计到，并展现到报表中供您查看。每个事件允许您从多种维度来命名、标记，查看数据时也会根据不同维度汇总数据，并且提供了“值”位，可用于计算一些与“金额”、“评分”等相关的数据。
常见应用场景
页面上交互元素的统计，如：返回顶部、赞、收藏、打分、展开收起隐藏层、TAB切换。
播放器的交互统计，如：加载、播放、暂停、调整音量。
四、开始部署预配置代码
预配置代码部署
1、每个需要调用API的页面，都首先需要安装有CNZZ统计的JS统计代码。点此了解部署方法。
2、正式开始部署“虚拟PV跟踪”、“事件跟踪”等API代码之前，需要先在页面的</head>之前添加如下代码。
|
“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]);
//本代码仅为语法范例，请勿直接粘贴使用。部署时需要您替换参数值。
各参数含义如下：
category：事件类别，必填项，表示事件发生在谁身上，如“视频”、“小说”、“轮显层”等等。
action：事件操作，必填项，表示访客跟元素交互的行为动作，如"播放"、"收藏"、"翻层"等等。
label：事件标签，选填项，用于更详细的描述事件，从各个方面都可以，比如具体是哪个视频，哪部小说，翻到了第几层等等。
value：事件值，选填项，整数型，用于填写打分型事件的分值，加载时间型事件的时长，订单型事件的价格等等。
nodeid：div元素id，选填项，填写网页中的div元素id值，用于在“用户视点”功能上重绘元素的事件发生情况。
|
六、观看数据