![11e8dc9f6e64817d90a4c0608e8820df.png](https://i-blog.csdnimg.cn/blog_migrate/d57fc6f2760ac88fe54c6b8a0daad227.jpeg)
背景介绍
当我们根据埋点sdk接入文档完成了埋点的代码开发之后,都会面临数据质量相关问题,一般会从以下两个方面来进行验证:
- 埋点日志是否能上报成功
- 验证埋点数据是否正确
如果在没有埋点验证工具的情况下,我们先来看看是如何解决这件事。如果你是PC端的话,可以打开chrome开发者工具去查看它网络请求,看看http状态码是不是200,携带字段是否正确。
![e9118fb84e2403b23b2dde8131c17981.png](https://i-blog.csdnimg.cn/blog_migrate/4dcf6422676dec33406b196575b3b996.jpeg)
如果你是客户端那就比较麻烦一些,需要装一个抓包工具(比如Charles)去抓包客户端的请求,然后再去检查你的埋点日志上报是否正确。
![9743b5e6173bf49afa225f9043cec105.png](https://i-blog.csdnimg.cn/blog_migrate/84fb1fcde96594816236162125d7afe1.jpeg)
![7094032166cc715b6f5b51fa3089a9ac.png](https://i-blog.csdnimg.cn/blog_migrate/bf59916f80c49535601b40756cf4043b.jpeg)
在没有埋点验证工具的情况下,我们进行埋点验证还是比较繁琐的,上手门槛比较高,而且直观性也比较差。所以我们需要好用的埋点验证工具来提高我们的工作效率,那么接下来我们就讨论一下如何设计一个埋点验证工具。
客户端验证vs服务端验证
首先先解释一下这两个名词的意思:
- 客户端验证。监听客户端的埋点上报,并提供一个可视化的工具展示所有埋点的上报结果用于埋点验证。
- 服务端验证。将所有客户端的埋点日志全部收集上来,由服务端做后续的埋点验证工作。
选择不同的埋点验证,后续实现方式也会不一样,所以我们先比较这两种方式的优缺点:
比较项 | 客户端验证 | 服务端验证 | 比较结果 |
---|---|---|---|
上手门槛 | 需要在客户端安装埋点验证工具 | 有统一的埋点验证网页,不需要用户安装 | 服务端验证胜利 |
后续升级维护 | 只能通知用户手动升级,不能统一升级 | 可统一升级 | 服务端验证胜利 |
日志区分 | 不需要对日志进行区分 | 需要对上报上来的日志进行区分 | 客户端胜利 |
能否离线工作 | 可离线工作 | 不可离线工作 | 客户端胜利 |
功能拓展性 | 可依赖端的能力做定制化需求 | 无法依赖端的能力 | 客户端胜利 |
通过对比发现,客户端验证可以依赖客户端的能力,它在功能拓展性上是要优于服务端验证的,而服务端验证由于是把日志统一收上来的,所以它在上手门槛和维护性上要强于客户端验证的。从埋点验证工具使用场景上来说不太需要依赖客户端的能力,相比较上手门槛和后续升级维护更加重要一些,所以推荐使用服务端验证。
埋点染色
上面我们比较了客户端验证和服务端验证的区别,如果想做服务端验证的话,首先我们需要解决的就是如何拿到你想要验证的日志。这里就要引出一个新的概念“埋点染色”,其含义就是在客户端上报日志时给需要验证的日志打上独特的标识。接下来我们讲一下不同客户端是如何进行埋点染色。
Web
web的埋点染色相对来说简单很多,我们可以借助url去进行埋点的染色。比如:
https://www.taobao.com?debugId=cafebabe
然后我们通过如下代码去获取到这个debugId,然后在上报的日志加一个debugId的字段。
function
App
scheme
首先设计一个schemeUrl比如:
tracker://tracking/verification?debugId=cafebabe
接下来我们就是在App端去实现对这个schemeUrl的拦截,这里以安卓代码为例:
AndroidManifest.xml
<activity
获取debugId并种下:
Intent
最后我们实现一个H5中间页就可以完成完整的流程:
<!DOCTYPE html>
完整流程如下:
![4278a4254b44add542abceff1d26218f.png](https://i-blog.csdnimg.cn/blog_migrate/5524f4686bf7377531c0987fe914ccaa.jpeg)
jsBridge
首页在App端实现jsBridge的代码示例:
public
其次设计H5中间页,在该页面中调用。
<!DOCTYPE html>
完整流程如下:
![e8856e85e40fb0461e8ef5ffd51e4194.png](https://i-blog.csdnimg.cn/blog_migrate/f21d0b1966af79a7a5fb1600e87cbc86.jpeg)
小程序
1.打开IDE,添加编译模式。
![6bd3d66ae2f6c65dd0f75773ff3eaa2b.png](https://i-blog.csdnimg.cn/blog_migrate/aa6a2c1fefb4e3d1f569cbf1bbde5cde.jpeg)
2.配置启动参数,把debugId配置进去。
![0accce60195536e2b2209296f7a0409b.png](https://i-blog.csdnimg.cn/blog_migrate/79c435996841884a91ee890b6c538402.jpeg)
3.在App.onLaunch生命周期中获取到debugId,并设置debugId。
App
埋点日志收集流程
当客户端对需要验证的埋点日志都带独特的标识之后,我们就可以根据这个独特的标识去我们的埋点日志仓库去捞取我们所需要验证的日志。大致流程如下:
![f20d3881f446403969b0cb0cf170a9ed.png](https://i-blog.csdnimg.cn/blog_migrate/b5a1c5bab2504fd4ccc1cccd1eea0013.jpeg)
这里我们需要注意一个点就是埋点日志落库其实一个比较慢的过程,因此我们如果要等到埋点日志落到数据仓库再去获取我们需要日志的话,就会有一个等待时间,这个埋点时效性就没有办法保证。鉴于这个原因我们的流程需要改进一下。
![c5922e765e96a7f4131101c351a0da62.png](https://i-blog.csdnimg.cn/blog_migrate/3351fb50b924561effe45ba9f6478a97.jpeg)
除了正常的埋点日志落库流程,我们额外新增一个带有debugId的日志落库到redis,由于redis强大的性能,可以保障我们埋点验证的时效性。
小结
本章节我们在开头详细阐述了为啥要做埋点验证,目前市场上埋点验证的方式有两种,一种是客户端验证,一种是服务端验证,为了让大家更好了解这两种方式,我们详细比较了二者的区别。通过比较分析我们最后选择服务端验证这种方式。服务端验证首先要解决的事情就是如何获取到你想要验证的埋点日志,通过这个问题我们引出了“埋点染色“的概念,然后铺开了讲一下不同类型客户端是如何进行埋点染色的。最后我们再综合起来讲一下埋点日志收集流程大致是什么样子的。在本章节我们已经解决了如何获取需要验证的埋点日志的问题,后面的文章我们会讲一下如何去验证埋点日志,敬请期待。
————— 招聘广告分界线 —————
某大厂大数据团队招聘前端、Java、C++、数据开发、Android、iOS、安全技术专家,级别不限,欢迎大家私信联系。