Tracking(埋点)

Tracking?

​ Tracking,仅从字面上就有追踪、跟踪之意。在实际应用当中,埋点是为了满足能够跟踪并记录用户行为过程与结果而产生的技术方法。

1、 埋点数据的流水线

在这里插入图片描述

​ 当用户在客户端发生交互(Active)时,会运行相应的请求指令,向服务器发出 Http request。其中运行的代码当中,我们就会隐式的载入埋点代码,通常为.js,这也是数据搜集的源头和最为关键的一步。通过.js代码我们搜集客户端的数据,并发送到我们的后端(Backend),写入日志(Log)当中。这时数据的搜集工作基本完成,如果想要进一步支持业务,那么ETL工程师就要发挥更大的作用。通过对原始日志的抽取(Extract)、转换(Transform)、加载(Load)工作写入数据库(Database)当中。当业务需要数据支持时,按照业务逻辑取出,并稍加处理就可交付给业务人员。这就是数据在用户>>收集>>存储>>业务生产线的生命过程。

2、埋点的设计原则

​ 埋点设计和系统设计在一定程度上非常相似。在满足不同的业务需求的同时,易于管理和使用也非常重要。保证埋点的业务性 、复用性、一致性、只增不减性具有重要意义。

2.1 业务性

​ 埋点,说到底就是为了支持业务而生。若仅仅是为了获取数据去做埋点,这将没有丝毫价值。这就要求,在设计埋点时,应该事先与需求方沟通业务逻辑与业务需求,使得获取数据能够满足逻辑的同时,更好的支持业务。这里的需求方,不仅仅包括需要优化产品的产品部门,需要内容排期推荐的内容部门,还包括渠道部门和用户部门等。举个栗子,对于一款阅读型产品的点赞功能,产品经理会更关心让用户使用点赞的体验,内容部门就会在意于哪一款内容更容易让用户点赞。这就要求在做埋点时,规划好数据收集的颗粒度,使得收集的数据即不冗余,也不会数到用时方恨少。

2.2 复用性

​ 复用性,主要表现在,应用的功能调用在一定程度上是重复出现的,区别仅在于用户场景上的不一致。举个栗子,在未登录的状态下,使用bilibili内容下的转发、评论、点赞、关注功能时,均会触发登录事件。这时需要获取的事件属性,比如,content_idup_id…基本一致,只需要添加一个origin来区分用户场景就能够满足需要。这将会给后期的BI建设提供很大的便利,业务上也足够清晰,埋点文档的维护也较为容易。

2.3 一致性

​ 一致性,常出现在命名的问题上。一方面,在于AndroidIOSQuick AppH5小程序多平台开发,带来UI上的设计差异,文案差异,导致前端显示不一致;

### 前端埋点的实现方法 前端埋点是一种用于收集用户行为数据的技术,通过在特定事件发生时记录相关信息并将其发送到服务器进行分析。以下是几种常见的前端埋点实现方法: #### 手动埋点 手动埋点是最传统的埋点方式之一,开发者需要在代码的关键位置显式调用埋点接口来记录用户的操作行为。这种方式的优点在于精确控制每一条数据的采集逻辑[^1]。 ```javascript function trackEvent(eventName, eventData) { console.log(`Tracking event: ${eventName}`, eventData); } // 使用示例 document.getElementById('myButton').addEventListener('click', () => { trackEvent('button_click', { location: 'header' }); }); ``` #### 自动埋点 自动埋点减少了开发者的负担,它依赖于框架或者库的功能,在不修改业务代码的情况下捕获页面上的交互事件。这种方法适合快速搭建基础数据分析能力的应用场景[^3]。 对于Vue项目可以利用`vue-router`监听路由变化完成页面级别的自动化追踪;而对于React应用则可能借助第三方插件如`react-ga`(Google Analytics官方支持包),或者其他类似的工具链来进行配置化管理[^2]。 #### 可视化埋点 可视化埋点允许运营人员无需编程即可设置所需跟踪的行为路径。通常这类解决方案提供了一个图形界面让用户圈选出目标区域,并自动生成相应的脚本片段嵌入网站之中执行相应功能[^1]。 --- ### 推荐使用的前端埋点工具 - **Concis 组件库**: 提供了一种便捷的方式来集成简单的埋点需求,例如通过 `v-tracking` 属性绑定指定的操作名称至 HTML 元素上以便后续处理其点击等相关动作的发生情况[^2]。 ```html <!-- 示例 --> <el-button v-tracking="'exampleActionName'">按钮</el-button> ``` - **GA (Google Analytics)**: 虽然主要用于流量统计领域,但它也具备强大的客户旅程洞察力,能够满足大多数中小型企业关于用户活动监控方面的要求。 - **神策数据 / GrowingIO**: 定位于更高级别的商业智能平台,除了常规的日志提取外还增加了更多维度的支持比如热图展示、漏斗模型构建等功能模块帮助决策者更好地理解产品现状和发展趋势[^1]. ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值