为什么需要埋点和前端监控？当我们在分析复盘一个产品是否成功的时候，产品、技术、业务运营方都会有自己对应的分析层面，那不同的角色考虑的方向是不同的。
站在产品的视角，经常会问如下几个问题：1.产品有没有用户使用；2.用户用得怎么样；3.系统会不会经常出现异常；4.如何更好地满足用户需求服务用户；
当站在技术视角时，经常会问如下几个问题：1.系统出现异常的频率如何；2.异常出现后如何快速进行定位追踪；3.如何分析解决问题；
而当站在老板的视角时，问题可能又会变为：1.我的存量用户多少，未来还有多少潜力；2.多少用户在系统内进行了消费。
当在回答了上述问题之后，埋点和监控两者的作用便跃然纸上。因为要回答以上问题，只有通过对系统进行数据分析的方式才能弄清楚。其实无论是前端埋点还是前端监控，二者并不是分开存在，而是相互依存的关系。 页面停留埋点事件主要是记录前一页浏览时间。前端埋点框架系统怎么选
代码埋点的使用场景，先来看下代码埋点的优缺点，尽量扬长避短。
优点：原理简单，学习成本较低；使用较为灵活，能够根据业务特性自定义时机、属性、事件，定制化获取数据。缺点：埋点成本高，每一个控件的埋点都需要添加相应的代码，不仅工作量大，而且限定了必须是技术人员才能完成；版本更新前后，容易发生数据紊乱；需要企业长期且稳定地完善埋点，并不断根据业务来更新。
根据上述的优缺点可以知道：代码埋点使用较为灵活，但是成本较高。因此，比较好在全埋点、可视化全埋点等埋点方案无法解决问题时，或者更强调自定义的场景时来使用。 前端埋点框架系统怎么选常见埋点事件：页面停留上报时机在当前页面切换或者页面卸载时。
前端埋点是前端监控的实现方式，前端埋点和上报即是数据的收集阶段。目前常见的前端埋点方法主要分为：代码埋点、可视化埋点和无痕埋点。代码埋点：代码埋点也叫手动埋点，是以嵌入代码的形式进行埋点的，比如需要监控用户的点击事件，会选择在用户点击事情上插入埋点代码，从而在触发时直接传递给服务端；当需要统计一个toC网站的PV和UV时，需要在网页初始化时，发送用户的访问信息等。本质就是用js代码拿到一些信息，然后在一些特定的位置返回给服务端，还可以拿到Performance的信息
代码埋点的实现原理比较简单，主要是初始化 SDK 之后，在某个事件发生时调用 - track: 或 - track:withProperties: 等相关接口，将触发的事件和属性保存到数据模型中（SDK 中使用的是 NSDictionary 类型的数据模型）。
并将数据模型转化为 JSON 串，存储到本地数据库中。然后，按照发送策略将数据发送到指定的服务端。例如：我们想统计 App 里面某个按钮的点击次数，可以在这个按钮对应的点击方法里面调用 SDK 提供的接口来采集事件。
webfunny前端埋点系统采用了代码埋点方案、集数据集采+分析一体化轻量级系统。 webfunny前端埋点系统支持单个数据的展示，有适用于体现数据的变化趋势等。
前端数据埋点之页面性能：页面性能其实也是前端性能优化中一个需要考虑和优化的点，毕竟如果一个网站老是发生白屏、交互卡顿、页面资源加载时间长等问题，肯定是没办法留住用户的，特别是用户的真实环境各不相同，如Windowsx、MACOS、Android、iOS等，更加需要统计和收集相关数据，便于进行集中优化处理，提升用户体验。
与页面性能指标相关的内容，这里大致总结下：初次绘制（FirstPaint，FP）在渲染进程确认要渲染当前响应资源后，渲染进程会先创建一个空白页面，通常把创建空白页面的这个时间点称为FirstPaint，简称FP。
所谓的白屏时间其实指的就是创建这个空白页面到浏览器开始渲染非空白内容的时间，比如页面背景发生变化等。 webfunny前端埋点支持用户根据自己的需求，创建不同的埋点，选择不同的图形在数据看板中来展示分析数据。前端埋点框架系统怎么选
埋点上报周期:埋点事件较少，上报可以实时进行，比如用户触发事件后，立刻上报用户所触发的事件类型。前端埋点框架系统怎么选
前端埋点的3种主流方案：
一、无痕埋点（全埋点）方案，利用浏览器或APP自带的监控方式，对用户的浏览页面、点击等行为进行收集，一般用于粗颗粒度的数据分析，例如公司的slardar：数据噪声大不管有用没有；数据都会被收集，无法定制化埋点；无法采集到指定事件和业务属性；可供DA使用的信息较少；接入简单，几乎无侵入，不需要额外的开发成本；用户操作行为收集非常完整，几乎不会遗漏。
二、代码埋点方案，前端开发人员在代码中自定义监控和收集：工作量大，而且对代码侵入性很大，后期维护也不是很方便；可以精确埋点，具备明确的事件标识；业务属性非常丰富；埋点触发方式可以灵活定义；DA使用更方便和精确。
三、埋点sdk方案，sdk向外暴露上报埋点的接口，监控和收集过程前端开发人员无感知。业务开发只需关注事件标识、业务属性等；兼顾无痕埋点优点和代码埋点的优势。 前端埋点框架系统怎么选
上海观纵科技有限公司属于传媒、广电的高新企业，技术力量雄厚。观纵科技是一家有限责任公司企业，一直“以人为本，服务于社会”的经营理念;“诚守信誉，持续发展”的质量方针。公司业务涵盖webfunny前端监控，webfunny前端埋点，全链路应用性能监控，Argus-IT运维监控，价格合理，品质有保证，深受广大客户的欢迎。观纵科技将以真诚的服务、创新的理念、***的产品，为彼此赢得全新的未来！
