本文介绍了HTML5埋点工具用于前端日志采集的原理和实现方法。通过在页面上动态生成Img标签，利用src属性跨域发送数据到后端。后端服务器接收请求，解析参数并保存。文中详细展示了前端如何组装参数以及后端Nginx的简单配置来采集日志。最后，讨论了日志的后续处理，如通过Flume或Logstat传输到分析服务器。
原理分析
分析 :
在采集数据的网页上进行埋点(编写一小段js用于动态生成Img标签,然后加入dom页面中，利用该标签将参数请求至服务器中)
通过img标签的src属性可以解决跨域问题
将数据传递给后端服务器
后端服务器执行步骤：
接受请求 , 响应图片(log.gif)
解析参数 , 保存数据
设置cookie
设计实现
确定需要搜集的信息
名称
途径
备注
访问时间
web server
Nginx $msec
IP
web server
Nginx $remote_add
域名
JavaScript
document.domain
URL
JavaScript
document.U
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
