前后端分享之监控

前端后分享之监控


前端监控的主要目的是:
获取用户行为等各种数据以及跟踪产品在用户端的使用情况,并以此数据为基础,及时修正产品中的问题,并为产品优化指明方向。也可以为以后打造数据平台打下一定的基础。它包含几个主要步骤:前端埋点、数据上报、数据处理和数据分析。
1
2

什么是埋点?
所谓“埋点”,是数据采集的术语,指的是针对特定用户行为或事件进行捕获、处理和 发送的相关技术及其实施过程。比如用户某个按钮点击次数、观看某个视频的时⻓等等。
现在主要这几种埋点方式:

  1. 代码埋点:在需要埋点的节点植入代码调用接口直接上传埋点数据。优点是可以详细
    的设置某一个事件自定义属性。缺点是时间、人力成本大,需要开发人员手动植入代码。
  2. 可视化埋点:利用可视化工具配置采集节点,自动解析配置并上报埋点数据,优点是
    只需业务人员接入,不需要开发支持。缺点是只能采集客户端行为内容。
  3. 无埋点:指开发人员集成采集 SDK 后,SDK 便直接开始捕捉和监测用户在应用里的 所有行为,并全部上报,不需要开发人员添加额外代码。优点是无需开发手动埋点,只需 要集成sdk,缺点是可能采集到大量冗余信息。

监控获取的数据有什么用?

  • 行为数据:时间、地点、人物、交互、交互的内容等。行为数据能分析得出用户使用最频繁的功能,最常做的操作,用户操作的习惯,用户不经常使用的功能等等,以此数据作为依据来对应用做用户体验优化。
    4
    3

  • 质量数据:浏览器加载情况、错误异常(sentry)等。质量数据能很好的了解到应用 各处的性能水平,线上真实环境产生的异常等等,让开发人员能及时对应用做针对性的优化。

5

  • 环境数据:浏览器相关的元数据以及地理、运营商等。环境数据能分析得出用户的各
    项特征,给产品和运营提供参考数据,分析应用的使用人群,使用位置等等。
    6

  • 运营数据:PV、UV、转化率、 留存率等。运营数据能最直观的 反映出应用的运营情况,是否达 到预期的运营目标,及时发现运 营中的相关问题。
    7

监控种类如下:

  1. 用户行为监控
  2. 错误、异常监控

用户行为监控

众所周知,外部系统,尤其是面对用户群里广泛应用,分析用户行为及其关键,通常做法是系统内部统计和估算,效果往往不是很显著。

1.下面介绍一个开源项目Matomo,专门跟踪统计网站数据、用户行为等。客户端只需要定期异步上报数据,Matomo会为你统计和估算。呈现一个完整的链路。

Matomo介绍:
matomo是一个自由和开源的网络分析软件。由一组国际开发者开发,运行在 PHP&MySQL的 Web服务器上。它能跟踪一个或多个网站的线上访问数据,统计并提供应 用及其用户的详细报告,包括他们的各项行为,环境和运营数据等等。它部署在私有服务 器上,并在Mysql数据库中跟踪数据。用户可以使用自定义维度,细分,甚至对数据库运 行手动查询来生成高级报告(可自部署)。

8

错误、异常监控


错误监控是什么,为什么要前端错误监控?解答这个问题,我们要先来看看目前前端项目 发现线上错误的主要手段有哪些 :

  1. 测试人员:
    缺点:现在浏览器版本、手机机型太多,兼容性问题很难测完全。另外有些项目流程非常 ⻓和复杂,无法确保每次都能100%覆盖。

  2. 上线后用户投诉反馈:
    缺点:用户的机型、浏览器百花⻬放,我们复现问题十分困难。而且大多用户不懂专业术
    语,表达问题不准确,沟通成本很高,这些都导致解决问题效率非常低下。

  3. 开发人员code review:
    缺点: 这个的缺点是时间成本高、而且大多时候,code review也只是发现代码⻛格和语 法问题,对于逻辑和业务,很多时候没有时间去深入研究。
    11
    为了解决这些问题,便于开发人员及时发现和解决线上环境产生的问题,我们就需要
    一个「前端错误监控系统」
    为此介绍开源可自部署的错误监控软件。

Sentry介绍:
Sentry是一个开源可自部署的错误监控和追踪系 统。能够帮助软件团队实时的监控到代码中出现的 错误,统计错误数据。
Sentry能为我们做什么:

14

  1. 能够在客户端环境中捕获并上报代码报错信息

15
2. 能够记录错误发生前用户的操作、客户端环境、⻚面数据等等

16

  1. 能够统计分析同一个错误发生的频率、次数、出现时间

17

作者简介:张程 技术研究

更多文章请关注微信公众号:zachary分解狮 (frankly0423)

公众号

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值