5个步骤，学懂PC站和H5站数据埋点

　　5个步骤，学懂PC站和H5站数据埋点

　　这篇文章抛开数据下降方式和埋点技术原理的大道理，*敏*感*词*带着你们做一遍从0-1的数据埋点，花10分钟时间，学会怎样走出第一步。

　　一年前，我写了一篇 《7个步骤，学会APP客户端数据埋点》的文章在网路上获得了10w+的阅读量，帮助了好多新人快速完成埋点需求。后来仍然有朋友反馈和咨询，大家在工作中不仅接触和负责APP客户端的产品外，还有大量同事在负责PC网站和H5站的产品。

　　那么PC网站和H5站的产品埋点又如何能快速搞定呢？

　　如果你遇见了下边这种问题的话，我们继续往下看，跟我做。

　　领导说，咱们的pc和H5网站需要加一下统计，你负责搞定；研发说，咱们的pc网站的数据统计系统用哪家的？你选好了注册一下；研发说，咱们的H5网站的统计代码你发我一下，发一个统计需求的电邮给我；运营说，咱们的pc网站都能看什么数据？平台在哪？怎么查首页的UV PV？运营说，咱们网站想做SEO搜索引擎优化，想瞧瞧每晚的来源和关键词，发我一下。

　　这篇文章抛开数据下降方式和埋点技术原理，*敏*感*词*带着你们做一遍从0-1的数据埋点，我们花10分钟时间，学会怎样走出第一步。

　　我们分五个部份来谈：

　　一、什么是数据埋点

　　二、网页埋点和APP埋点的区别

　　三、IP PV UV Cookie是哪些

　　四、PC站和H5站从0-1完成埋点

　　五、埋点后在哪看数，能看到哪些数据

　　一、什么是数据埋点？

　　埋点是网站和APP等产品进行日常改进及数据剖析的数据采集基础，我们主要拿来采集用户行为数据（例如：页面访问路径，点击了哪一个按键）进行数据剖析，从而使营运朋友愈发合理的安排营运计划使产品总监更好的优化产品路径。现在市面上有好多第三方埋点服务商，百度统计、友盟、growingIO 等。

　　一个网站上线,开发者不仅保证网站功能正常，体验优好之外，还有一项重要的工作是数据搜集——通过搜集用户的行为数据可以帮助了解网站的功能是否满足用户的需求，导流方法是否有效，新功能上线后是否疗效是否达到设计本意。根据数据指引有效优化产品体验，以及发觉新的产品方向是产品总监的必备技能，而怎样采集准确而且足够的网站数据则应当是开发者的责任。

　　目前常见的数据埋点手段：

　　（1）手动埋点

　　手动代码埋点比较常见，需要调用埋点的业务方在须要采集数据的地方调用埋点的方式。

　　（2）可视化埋点

　　可是化埋点是逾去年的埋点趋势，很多大厂自己的数据埋点部门也都开始做这块。优点是业务方工作量少，缺点则是技术上推广和实现上去有点难（业务方后端代码规范是个大前提）。

　　阿里的活动页好多都是营运通过可视化的界面拖放配置实现，这些活动控件元素都带有惟一标示。通过埋点配置后台，将元素与要采集事件关联上去，可以手动生成埋点代码嵌入到页面中。

　　（3）无埋点

　　无埋点则是后端手动采集全部风波，上报埋点数据，由前端来过滤和估算出有用的数据。优点是后端只要加载埋点脚本，缺点是流量和采集的数据过分庞大，服务器性能压力山大，主流的 GrowingIO 就是这些实现方案。

　　我们目前自己的网站用的还是第一种。后面两种是近些年出现的，数据准确性和普及型还须要验证，所以我们明天就聊最通用的埋点方式。

　　二、网页埋点和APP埋点的区别

　　如今大伙都更多的关注APP的产品设计，所以对APP的数据剖析也提的比较多，但是网站也是须要进行数据剖析和埋点的。而且目前H5大行其道，很多公司都是采取H5网页的方式进行产品承载，H5网站从技术原理来看，他还是HTML代码方式编撰的，所以埋点的话也和APP的实现方法是不一样。

　　简单说，想看数，先埋点。先通过数据统计系统把统计代码或代码包领到，然后加在你的页面代码或则集成到APP代码包里，然后就可以见到相应的用户行为数据。

　　从埋点这件事来看，简单理解，最大的的区别就是统计的平台不一样。

　　目前第三方的数据采集和剖析产品有很多，如：google Analytics、百度统计、友盟+、GrowingIO、百度移动统计等。

　　目前这几家都覆盖了多类平台的统计服务，所以，如果你是给APP埋点，就选联通统计；如果是给网站统计，就选网站统计。网站一般用的是统计平台的JS代码，APP是用的统计平台的统计SDK，就那么简单。

　　因为2类产品的技术原理是不一样的，不要混淆就可以了。例如：在百度统计和友盟的官方网站首页上面， 想找到网站统计系统就选红框这儿的产品即可。

　　三、IP PV UV Cookie是哪些？

　　埋点是为了看数，那么有些数，对于新人来说，是必须要懂的。

　　这里从网路和百科上面搜索了一下基本的定义，方便你们阅读。

　　（1）ip、uv、pv的定义

　　（2）ip、pv、uv的区别

　　举例说明：

　　甲乙丙两人某台通过ADSL的笔记本，访问了“pmwangshi”这个网站，并且每人各浏览了2个页面，那么网站的流量统计是：

　　若两人都是更换了IP（ADSL重新拔号）后各浏览了2个页面，则：

　　所以，IP(独立IP)反映的是网路地址对象的数目，UV(独立访客)反映的是实际使用者的数目，每个UV相对于每位ip更准确地对应一个实际的浏览者。

　　（3）Cookie

　　当客户端第一次访问某个网站服务器时，网站服务器会给该客户端笔记本发出一个Cookie，通常置于磁盘中。在这个Cookie中会分配一个独一无二的编号，并记录访问服务器的信息，如访问时间、访问了什么页面等等。

　　当你上次再访问这个服务器时，服务器就可以直接从你的笔记本中找到上一次放进去的Cookie文件，并且对其进行更新，但那种独一无二的编号是不会变的。如果在一定时间内，服务器发觉2个Visit所对应的是一个编号，那么我们自然可以觉得这个来源于同一个Visitor了，自然也就是1个UV。

　　使用Cookie的方式要比网站服务器更精确些。但也存在一些问题，比如：有些客户端为保证更高级别的安全，关闭了Cookie的功能；或者是有些客户端设置了在退出页面时手动删掉Cookie，亦或时常自己去自动删掉Cookie，那么这个方式就不这么精确了。由此看来，两个方式都只能得到近似的UV，而不是绝对精确的。

　　四、PC和H5站从0-1完成埋点

　　不管是用哪一个平台，基本思路都是一样的，降峰老师明天给你们一个通用的思路和技巧。可以使你们快速的试验和动起来。