关注“之家技术”,获取更多技术干货
总篇145篇 2022年第20篇
★ 目录 ★
01 | 项目背景 |
02 | 追根溯源 |
03 | 预期目标 |
04 | 系统设计 4.1 埋点数据聚合 4.2 App埋点拦截器 4.3 埋点信息可视化 4.4 转化率热力图 |
05 | 实现效果和收益 |
06 | 后续规划 |
1、项目背景
2、追根溯源
解决问题之前,需要先分析清楚产生问题的原因是什么?聚焦到现有的埋点工作流程上来分析问题原因。现有流程一般是这样的:
1)运营同学向产品提出功能埋点需求;
2)产品同学拟定事件名称,向大数据申请埋点事件;
3)产品同学将Excel通过钉钉给研发同学;
4)研发同学写代码进行埋点;
5)产品运营同学通过Hive查询发现问题。然而费劲九牛二虎之力查明的原因无非是埋点的标识粘错了、少传参数了、没看到钉钉忘记埋点了。
针对这种问题,业界有没有好的解决方案呢?经过调研呢,我们发现业界把精力均集中在如何减轻埋点工作上,如:无埋点的方案和可视化埋点。这里有个区别就是可视化埋点与埋点可视化不同,我们的目标是将埋点的情况通过可视化的方式实时展现给产品运营,对于埋点正确性最有权威的莫过于运营同学和产品同学,解铃还须系铃人,把焦点放在如何赋能给产品运营同学,给他们提供一种所见即所得、简单易用的埋点查看工具。产品运营人员在使用App过程中就能实时查看埋点期望的信息和实际上报的信息,能提供给产品运营人员足够的信息帮忙他们发现和确认埋点问题。
3、预期目标
图1 改进后的埋点工作相关角色交互流程
4、系统设计
App埋点可视化工具基于App埋点拦截器和后台大数据服务,在汽车报价App工具中增加埋点可视化工具,启用后在每操作一步时,随时可以查看当前操作触发的埋点信息,以及埋点的历史趋势数据,及页面中各个控件的转化率热力图,具体设计如下。
4.1埋点数据聚合
当产品同学在星河系统-事件管理中申请埋点事件后,系统自动基于Hive计算该事件的PV和UV数据,整合事件相关的事件名称、参数信息、申请日期等信息,便于在移动端调用。
4.2App埋点拦截器
App中的埋点事件数以千计,且随着版本的迭代,事件不断新增,为了最大限度减少埋点可视化对代码的侵入,笔者通过AOP方式拦截了埋点上报方法,获取埋点上报时的eventId属性和扩展属性extendinfo,而无需针对每个埋点事件进行处理。其中根据eventId属性可以从云端获取事件申请时对应的名称和期望参数,extendinfo属性代表实际上报的扩展参数,这样产品运营就很容易及时核对期望信息和实际上报信息是否一致。
图3 触发事件列表 | 图4 事件详情 |
图5 事件历史趋势 | 图6 转化率热力图 |
5、实现效果和收益
产品埋点可视化工具已经上线近半年,经过实际使用主要有四个方面的价值。
1)提升运营、产品和研发人员工作效率
产品运营同学在使用App过程中可以随时随地查看埋点信息,减少了研发同学定位埋点问题的时间,按需自动生成转化率热力图,再也不用因为转化率热力图制作成本高而烦恼,大大提升了大家的工作效率。
2)所见即所得,简便易用
在使用App过程中,按需点击悬浮窗开关即可查看埋点数据,实时一目了然。
3)多维度信息辅助及时发现埋点问题
通过实时展示埋点期望信息和实际上报信息便于及时发现埋点的问题;在App端支持很方便地对比多端、多版本埋点趋势,通过分版本对比数据就可以确认埋点信息在新版本中是否有问题,通过分端对比就可以发现Android和IOS端两端是否正常。
4)发现埋点问题提前到测试环节
研发测试同学在测试环节就可以直观的对比埋点期望信息和实际上报信息是否一致,更早的发现问题,避免上线后发现带来损失。
总体来说产品埋点可视化工具使得产品运营同学在数据分析时如虎添翼,数据分析效率提升2倍以上。
另一方面由于埋点可视化工具简单易用,研发和测试同学在测试环节很容易发现问题,埋点问题减少了80%。
6、后续规划
后续我们将继续扩展App埋点可视化工具,将产品运营同学经常关注的指标和信息以直观简便的形式展现出来。同时鉴于埋点可视化工具的实用价值将理念扩展到H5页面中,结合H5的生命周期和渲染原理,提供H5版埋点可视化功能。
作者简介
汽车之家
经销商技术部-移动App团队
张慧吉
汽车报价App技术负责人,在保质保量完成研发任务同时,研发了广告智能截图系统、PhoneBus远程真机平台,不断尝试技术创新创造业务价值。
阅读更多:
▼ 关注「之家技术」,获取更多技术干货 ▼