首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

美团点评前端无痕埋点实践

; 第二类是可视化埋点,即通过可视化工具配置采集节点,在前端自动解析配置并上报埋点数据,从而实现所谓的“无痕埋点”,代表方案是已经开源的Mixpanel; 第三类是“无埋点”,它并不是真正的不需要埋点,...因此,我们在原有代码埋点方案的基础上,演化出了一套轻量的、声明式的前端埋点方案,并且在动态埋点、无痕埋点等方向做了进一步的探索和实践。...代码埋点 由于后面要介绍的声明式埋点和无痕埋点方案仍然依赖原有代码埋点的底层逻辑,这里有必要先简单介绍代码埋点。...这样,通过自动产生事件标识并进行数据关联,我们就能够实现“无痕埋点”了,并且埋点节点可以通过配置文件动态下发,从而具备了动态部署与修复埋点的能力。...就目前实践阶段的数据来看,业务中大约70%左右的埋点需求可以通过无痕埋点解决,而对于另外30%的埋点需求,仍然需要使用声明式埋点和代码埋点。

4.7K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AOP编程之AspectJ实战实现数据无痕埋点

    最近在给某某银行做项目的时,涉及到了数据埋点,性能监控等问题,那我们起先想到的有两种方案,方案之一就是借助第三方,比如友盟、Bugly等,由于项目是部署在银行的网络框架之内的,所以该方案不可行。...文章背景 最近在给某某银行做项目的时,涉及到了数据埋点,性能监控等问题,那我们起先想到的有两种方案,方案之一就是借助第三方,比如友盟、Bugly等,由于项目是部署在银行的网络框架之内的,所以该方案不可行...好多都应无奈之举放弃了该需求,但数据埋点实现用户行为的收集分析和性能监控对于技术部和运营部来说是一件非常有价值的事情,所以作为程序的我必应寻找解决方案,庆幸的是我们除了OOP编程思想外,还有一种编程思想就是...AspectJ原理剖析 1、Join Points(连接点) Join Points,简称JPoints,是AspectJ的核心思想之一,它就像一把刀,把程序的整个执行过程切成了一段段不同的部分。...Around替代原理:目标方法体被Around方法替换,原方法重新生成,名为XXX_aroundBody(),如果要调用原方法需要在AspectJ程序的Around方法体内调用joinPoint.proceed

    2.9K20

    iOS 无侵入埋点组件总结

    而事件的标识与参数信息都写在配置表中,通过动态下发配置表来实现埋点统计。 无埋点 无埋点并不是不需要埋点,更准确的说应该是“全埋”, 前端的任意一个事件都被绑定一个标识,所有的事件都别记录下来。...通过定期上传记录文件,配合文件解析,解析出来我们想要的数据, 并生成可视化报告 , 因此实现“无埋点”统计。 2....考虑到无埋点成本较高,后期解析也复杂,选择了可视化埋点,即通过配置事件唯一标识,设置需要埋点分析的业务。...3.3.3 实现原理 用运行时方法替换方法实现无侵入的埋点方法。 实现原理图: ?...目前的方式只能实现页面进、出以及点击事件的埋点统计,涉及到具体业务的埋点统计,比如开机启动、需要上报参数信息等类型的埋点还是要依赖代码埋点。所以无侵入埋点方案还有很大优化空间。

    3K31

    【iOS开发】关于iOS统计埋点

    一般的埋点都是每个要统计的地方都加一句埋点代码,你刚毕业的时候这么写没有问题,但是如果你做了几年的软件开发,还这样写,那就是你的错了。这样分散的代码,不易于修改,不易于维护,还不易于测试。...一般的埋点就是在方法的开头或者结尾插入一句统计的代码。它不影响方法的运行。基于这样的要求。自然而然的就会想到,这是对方法进行AOP了。在iOS里面可以通过runtime来实现。...也有一些很成熟的第三方库,像Aspects,](https://github.com/steipete/Aspects),) 下面的例子就是通过Aspects将埋点代码进行统一。...这样就实现了动态埋点。 但是产品经理是不会让我们这么舒服的,他肯定又会有这样的需求,『打开这个商品详情的时候要统计这个商品的名称』,Aspects也是支持参数传递的,通过那个usingBlock。...学了几年iOS,现在工作中偶尔写一点iOS相关的经验文章。Objective-C,Swift,RxSwift等。欢迎查看往期文章,喜欢的可以点个关注。

    2.8K41

    得到Android团队无埋点方案

    开发完成业务功能需要花费很大的精力处理埋点事宜,而且随着迭代版本,埋点的数量会越来越多,这些老旧埋点的维护工作也需要付出不小的努力。...纵观目前比较成熟的无埋点方案,存在着如下问题: 问题1:通过XPath定位控件,理论上可行,但实践表明这个方案的复杂度非常高,尤其对于处理像GridView,ListView,RecyclerView的控件更是捉襟见肘...针对如上问题,我们经过深挖内在逻辑关系及对比优劣,总结出了一套更灵活,更合理的无埋点方案,下面分三个部分逐一介绍实现考量及内部机制。...无痕埋点方案对现有项目的约束 使用无埋点sdk需要遵循一定的开发规范,关于具体的开发规范请查看工程README。为了确保项目编码的规范性,我们开发了一系列lint检查规则来帮助发现错误。...至此,无埋点sdk的核心运作机制已经全部梳理清楚。

    2.2K90

    iOS无埋点数据SDK实践之路

    这种业务层数据的收集以往大多通过 代码埋点 的方式去做,本SDK则真正的实现了 无埋点 的去获取这些想要的业务数据。这部分的实现会在本文的第二节详细介绍。...SDK无埋点业务数据收集的实现 讲完了 viewPath 之后,接下来详细介绍下 SDK 的另一个关键技术:基于 viewPath 与 KVC 实现 SDK 的无埋点业务数据收集功能。...漏埋等情况,无法动态更新及添加; 为了解决上述的 代码埋点 的缺陷,SDK 实现了真正意义上的 无埋点 来对业务数据进行收集。...无埋点的实现架构 SDK 的无埋点功能的实现主要依赖于 viewPath 与 KVC。viewPath前面已经介绍了,它主要用于标识viewTree中的某个 view。...先看一下 SDK 的无埋点技术的整体架构图: 从上图可以看出,在实现 SDK 的无埋点数据收集时,主要分为3步:上传KVC配置、请求KVC配置、业务数据的收集与上报。 2.

    1.6K20

    无埋点实现监测的真相——革新还是噱头?

    对于想要了解无埋点这一监测方法的朋友,是非常深入浅出,详尽清楚的一篇高质量文章。   这篇文章介绍了: 1. 埋点是什么?无埋点是什么? 2. 无埋点是一种革新性的技术吗? 3. 无埋点有价值吗?...无埋点跟埋点相比的优缺点 5. 对无埋点技术的优化 正文   有好多朋友问我,无埋点是什么,不加代码就能监测了?   我总觉得应该写一篇文章以正视听。   ...那么,“无埋点”又是什么,其中的“点”又是什么,为什么不需要埋?为了说明无埋点,我们必须先讲讲埋点。   谈到埋点,跟我们在网站上或者app上的监测需求有关。...埋点和无埋点   大家知道了埋点的意思,那么,什么是无埋点呢?   还是从埋点开始。...无埋点和全埋点   随着无埋点的走红,行业中又出现了新名词:“全埋点”。

    3.3K71

    APP可视化埋点原理大揭秘 顶

    为帮助开发者解决这一痛点,个推应用统计“个数”推出“可视化埋点”这一技术来更高效地实现这个这一过程。...“个数”的可视化埋点灵活、方便,开发者不需对数据追踪点添加任何代码,只需要连接管理台并圈选页面中需要埋点的元素,即可添加随时生效的界面追踪点。...二、可视化埋点关键技术点 可视化埋点的难点,或者说核心就是如何在开发者不编写任何代码的情况下,SDK 如何确定任意一个控件在该应用内的唯一性,以及如何监听控件的点击和页面的切换。...例如图中的文字控件是 TextView,且无兄弟布局,则可以标记为 TextView[0] 。...当上述监听的方法被编译的时候,就可以将埋点的代理操作插入这些方法中,实现自动化埋点的流程。网上相关流程也是非常详细,有兴趣的可以自行搜索学习。

    1.5K20

    手把手教你搭建一个无框架埋点体系

    背景 埋点体系构成 一般来说,一个完整的埋点体系由以下三个部分构成: 应用 数据分析平台 数据平台 SDK 埋点上报是将应用层事件上传至上层平台的过程。...,虽然可以满足我们的日常开发需求,但是并不能解决我们在写埋点代码时的两大痛点: 只能逐个进行埋点上报 埋点逻辑与业务逻辑的耦合 我们希望埋点代码可以轻易地添加、修改与删除,并且对业务代码没有影响。...因此,我们基于 TypeScript 开发对框架无感的 monitor SDK....', ); } return ( <AutoComplete onSearch={handleSearch} /> ) 从 @readonly 理解装饰器原理 装饰器是如何实现将埋点逻辑和业务逻辑相整合的呢...与装饰器的原理相同,useMonitor 接收一个埋点函数,一个业务函数,返回一个新的函数将二者融合,既实现了代码层面上的清晰分离,又覆盖了全场景的埋点注入。

    2.6K20

    Android APM 系列一(原理篇)

    而往往获取用户的成本是高昂的,因此因为性能问题导致用户流失的情况是我们要极力避免的,做不好这一点是我们开发人员的失职。...这些平台的工作流程基本都是一致的: 首先在客户端(Android、iOS、Web等)采集数据; 接着将采集到的数据整理上报到服务器; 服务器接收到数据后建模、存储、挖掘分析,让后将数据可视化,供用户使用...数据采集我们可以通过手动埋点的方式,但这种方式工作量巨大、不灵活,而且无法覆盖到所有场景;因此只能通过自动化的方式来采集数据。...是很多无痕埋点、APM 框架的首选方案。 ASM 和 Javassist 的具体使用我们放到这个系列后面的文章介绍。 五....其实 Android 上的无痕埋点也是同样的原理,区别只不过是我们 hook 的点不同,采集的数据不同,因此掌握了 APM 的实现原理同样可以实现无痕埋点系统。 原理很简单,难的是实现细节。

    6.2K52

    Android 性能监控系列一(原理篇)

    而往往获取用户的成本是高昂的,因此因为性能问题导致用户流失的情况是我们要极力避免的,做不好这一点是我们开发人员的失职。...这些平台的工作流程基本都是一致的: 首先在客户端(Android、iOS、Web等)采集数据; 接着将采集到的数据整理上报到服务器; 服务器接收到数据后建模、存储、挖掘分析,让后将数据可视化,供用户使用...数据采集我们可以通过手动埋点的方式,但这种方式工作量巨大、不灵活,而且无法覆盖到所有场景;因此只能通过自动化的方式来采集数据。...是很多无痕埋点、APM框架的首选方案。 ASM 的具体时候我们放到这个系列后面的文章介绍。 五....其实 Android 上的无痕埋点也是同样的原理,区别只不过是我们 hook 的点不同,采集的数据不同,因此掌握了 APM 的实现原理同样可以实现无痕埋点系统。 原理很简单,难的是实现细节。

    1.7K70

    51信用卡 Android 自动埋点实践

    业内情况 无痕埋点 无痕埋点也可称为无埋点或者全埋点,即在端上自动采集并上报尽可能多的数据,在计算时筛选出可用的数据。其优点是:很大程度上减少开发、测试的重复劳动,数据可以回溯并且全面。...相对于代码埋点这种手动埋点来说,无痕埋点及可视化埋点均可被称为自动埋点)来进行采集。...相对于可视化埋点来说,无痕埋点在前期不需要可视化工具进行埋点收集,SDK 开发投入较小,因此我们进行了第一步从手动埋点到无痕埋点的迭代。...无痕埋点技术实现 无痕埋点需要自动采集数据,因此针对页面、控件等元素需要生成其 ID,该 ID 需尽量具备『唯一性』和『稳定性』。...,甚至是跨平台(Android、iOS 的自动埋点 ID 是不一致的)的关联。

    1.8K30

    有赞埋点实践

    目前有赞支持两种采集方式: 3.1 无痕埋点(或全埋点) 利用浏览器或APP自带的监听方式,对用户的浏览页面、点击等行为进行收集,可以收集到的信息主要有: 页面的url、APP的包名等 点击元素的xpath...路径、title或约定的dom元素 无痕埋点的优势有: 前端接入成本低,不需要额外开发 用户动作收集完整,不会漏失 但同时也会存在以下问题: 有用、没用的数据都会收集 无法采集到特殊的行为动作、业务参数...采集到的信息需要进行二次标注,才可以被用户识别 当按钮的位置不固定、名称存在重复或页面重构时,无法做到准确的标识 无痕埋点在有赞一般用来做粗粒度的快速业务探索。...代码埋点的优势有: 事件标识明确 业务参数丰富 事件的触发方式可以灵活自定义 分析更方便、精确 随之而来的是以下问题: 前端代码的开发、管理成本 只能收集到事件上线之后的数据 在业务需求复杂,无痕埋点收集到的信息无法支持分析时...四、埋点sdk 为简化前端同学的埋点开发工作,使其只需要关注于业务本身,并对埋点的一些约定进行必要的约束,有赞开发了多个端(js/小程序/android/ios/java)的埋点sdk。

    2.6K21

    App 可视化埋点技术实践精要

    数据埋点采集模式 自动埋点 App通过代理,调用Sdk相关API,进行的将数据埋点上报的模式....无痕埋点 项目无需通过专门提供代理类,直接由sdk提供相关接口,或者通过编译工具,预编译替换代码等,直接由Sdk全部负责采集上报。...无痕埋点 缺点: 1 sdk开发人员需提供一套无痕埋点技术成品,包括能正确获取PV,UV,Action,Time等多项统计指标。前期技术投入大。...可视化埋点 优点: 1 相对数据量而言 相比较于无埋点相而言对较低,但是这个可视化元素的识别和遍历技术是客户端或者前端所要实现的,唯一id生成也无需客户端去自定义规则,这套生成规则由相关产品在自动化工具的情况下生成配置表...对这块的介绍可看我以前在公众号推送的一篇文章 :AOP编程之AspectJ实战实现数据无痕埋点 更多可查阅结尾推荐的相关文章。 官方可参考: https://www.baidu.com/link?

    3.8K20

    iOS开发·runtime原理与实践: 方法交换篇(Method Swizzling)(iOS“黑魔法”,埋点统计,禁止UI控件连续点击,防奔溃处理)

    摘要:编程,只了解原理不行,必须实战才能知道应用场景。本系列尝试阐述runtime相关理论的同时介绍一些实战场景,而本文则是本系列的方法交换篇。...本文中,第一节将介绍方法交换及注意点,第二节将总结一下方法交换相关的API,第三节将介绍方法交换几种的实战场景:统计VC加载次数并打印,防止UI控件短时间多次激活事件,防奔溃处理(数组越界问题)。...原理与注意 原理 Method Swizzing是发生在运行时的,主要用于在运行时将两个Method进行交换,我们可以将Method Swizzling代码写到任何地方,但是只有在这段Method Swilzzling...类簇 在iOS中NSNumber、NSArray、NSDictionary等这些类都是类簇(Class Clusters),一个NSArray的实现可能由多个类组成。

    2.7K60

    数据采集技术揭秘:手把手教你全埋点技术解决方案

    导读:全埋点,也叫无埋点、无码埋点、无痕埋点、自动埋点。...对于 $AppClick 事件的全埋点整体解决思路,归根结底,就是要自动的找到那个被点击控件的点击处理逻辑(我们后文也会叫原处理逻辑),然后再利用一定的技术原理,对原处理逻辑进行“拦截”,或者在原处理逻辑的执行前面或执行者后面...“插入”相应的埋点代码逻辑,从而达到自动埋点的效果。...本文来主要介绍 $AppClick 全埋点方案:AST,更多全埋点方案请关注《Android 全埋点解决方案》一书。 01 关键技术 1....关于作者:国内知名大数据公司神策数据出品,作者王灼洲是神策数据合肥研发中心负责人,有近10年Android开发经验,开发和维护着知名商用开源 Android & iOS 数据埋点 SDK。

    3.4K20

    从 0 到 1 搭建技术中台之 iOS 可视化埋点实践

    前 言 可视化埋点,也称圈选埋点,是建立在全埋点技术基础上的一种数据埋点机制。...可视化埋点具有“全面、便捷、低技术门槛”的特点,能够有效降低研发、运营成本,是对传统代码埋点技术的有力补充。...本文结合伴鱼 iOS 端在圈选埋点技术上的一些实践经验,对圈选埋点方案的设计和实现进行探讨。 总体思路 从数据采集到生成统计报表,一般需要经过三个步骤,如下图所示: ?...总而言之,如果导致元素的标识变化的场景是可以被枚举的,我们只需枚举所有感兴趣的场景,然后分别进行圈选埋点;如果元素的视图层级固定,仅索引会变,我们可以根据元素内容进行限定,只匹配特定内容的元素;其他情况下建议直接使用代码埋点...圈选埋点技术有效地提高了研发效率,让产品和运营能够更直观便捷地定义指标;但对于复杂的业务场景,代码埋点仍然不可或缺。

    1.1K20

    MTFlexbox自动化埋点探索

    但现有布局埋点存在成本过高、准确率较低等痛点,为了解决这些问题,我们充分了解数据组开发人员和产品对数据统计的诉求,结合对MTFlexbox原理的深入理解,围绕MTFlexbox的埋点上报做了很多持续、有针对性的自动化工作...MTFlexbox架构图 如果要用一句话来解释MTFlexbox的原理,就是按照约定的规则将XML内容映射成Native布局。...业内自动化埋点方案调研与参考 3.1 美团外卖前端无痕埋点实践 外卖团队在他们原有代码埋点方案的基础上,演化出了一套轻量的、声明式的前端埋点方案。详细内容可以参考博客:《美团点评前端无痕埋点实践》。...总结与展望 目前MTFlexbox自动化埋点方案已经使用在美团首页、大搜等业务中,整体埋点成本降低了80%,上线后且无埋点故障。...参考资料 网易HubbleData之Android无埋点实践 商业化埋点实现方案mixpanel 美团点评前端无痕埋点实践 作者简介 叶梓、腾飞、田贝、张颖,美团终端业务研发团队研发工程师。

    1.4K40
    领券