关于友盟（cnzz）的H5的代码埋点统计

由于应用在阿里的技术栈中，技术的变革也是顺应潮流的，勒芒说要把之前的一个项目air-wx-order 百度统计的埋点，换成友盟（cnzz）的H5统计，因为开始了cnzz的埋点学习。

目前常见的前端埋点技术，有三类：在某个控件操作发生时通过预先写好的代码来发数据的代码埋点；通过可视化界面配置控件操作与事件发生关系的可视化埋点；先收集所有数据再在后端筛选需要分析的对象的“无埋点”。

那我们今天主要说的是前端的代码埋点。

埋点简单的说就是当用户触发某项操作的时候或者说是网页初始化的时候进行统计按钮的点击次数，页面的访问量的数据统计。

代码埋点的优势和劣势

优势：代码埋点的优点是一方面使用者控制精准，可以非常精确地选择什么时候发送数据；同时使用者可以比较方便地设置自定义属性、自定义事件，传递比较丰富的数据到服务端。

劣势：当然，代码埋点也有一些劣势。首先，埋点代价比较大，每一个控件的埋点都需要添加相应的代码，不仅工作量大，而且限定了必须是技术人员才能完成；其次是更新的代价比较大，每一次更新埋点方案，都必须改代码，然后通过各个应用市场进行分发，并且总会有相当多数量的用户不喜欢更新APP，这样埋点代码也就得不到更新了；最后，就是所有前端埋点方案都会面临的数据传输时效性和可靠性的问题了，这个问题就只能通过在后端收集数据来解决了。

今天我们主要说友盟的代码统计。

友盟的代码统计和wap手机端的统计做了区分，

代码统计也分为 文字的统计 图片形式的统计 还有数据形式展示的统计，当然这些都对应着相应的前端统计代码。

使用方法：任选一种形式的代码，将其粘贴到您网站所有页面的</body>前，添加成功后立即开始统计

在这里我只放一种统计的代码

<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261342838'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1261342838' type='text/javascript'%3E%3C/script%3E"));</script>

其他的类型 详细访问https://i.umeng.com/user/products     

u-web 统计

而 wap的代码统计则是需要先选择后台语言的形，然后根据不同语言选择相应的嵌入代码

就拿php举例

<?php require_once 'cs.php';echo '<img src="'._cnzzTrackPageView(1261342838).'" width="0" height="0"/>';?>

并下载cs.php

并将其放置到您wap站点服务器的根目录（"/"）下，添加成功后立即开始统计