SEM优化网-移动版

主页 > SEM工具 >

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

  一、在网站中安装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

  六、观看数据

如何精确统计页面按钮点击量
 
  注:此方法,相比页面热力图要精确很多,可以分出渠道,此功能需要代码基础,如果部署不成功,或者又疑问的,可以随时咨询我!一起成长! (微信公众号:semyouhuawang)