关于网页埋点实现的一些总结

                背景:

一个网站上线,开发者除了保证网站功能正常,体验优好之外,还有一项重要的工作是数据收集,通过收集用户的行为数据可以帮助了解网站的功能是否满足用户的需求,导流方式是否有效,新功能上线后是否效果是否达到设计初衷,根据数据指引有效优化产品体验以及发现新的产品方向是产品经理的必备技能,而如何采集准确并且足够的网站数据则应该是开发者的责任.在大数据处理能力越来越强下,以及机器学习等依赖数据哺育的工具进化下,采集足够多的数据往往是网站向着良性方向进化的必备条件;

工具:

网站的数据采集有很多现成的工具,如google Analytics,百度统计, 友盟+等,往往通过在页面上接入js SDK代码,如下图所示

 

而在实际采集过程中,数据是如何传递过去的呢,我们随便打开一个埋有百度统计的网站, 打开chrome的开发者工具,勾选Preserve log

可以发现在页面点击一个链接或者做一些其他操作,在Networking tab下可以看到hm.gif的网络请求, 这里由于统计的数据发送涉及到第三方网址,涉及跨域问题,而图片请求天然是跨域的,所以业界的通用做法是构造一个空的gif用于向第三方网站, 而真正需要统计的参数往往是通过url进行传递,

如图所示的url 是