从零开始搭建前端埋点和前端监控软件

前端监控之性能监控：性能监控主要是针对前端进行监控，比如不同用户在不同地区使用不同机型下的首屏加载时间、页面的白屏时间、静态资源下载时间等数据。

通过针对这些性能数据进行监控，可以大概反映前端性能的好坏，根据性能监测的结果可以进一步的去优化前端性能。

前端监控之异常监控：前端代码在执行过程中也可能会发生异常，因此需要引入异常监控例如sentry等工具及时的上报异常情况，可以避免线上故障的发上。常见的异常包括：Javascript的异常监控、css的异常监控等。 前端埋点和前端监控搭建方案。从零开始搭建前端埋点和前端监控软件

前端监控之数据监控：数据监控即通过数据分析用户行为。

常见的监控数据包括：PV/UV、页面停留时长、通过什么入口进入、在页面触发了什么行为等。统计这些数据就是为了清楚用户来源，拓宽产品的推广渠道；

了解用户在页面停留的时间情况，针对停留较短的页面进行分析改进。也就是我们常说的：who(uuid)、when(time)、from where(referrer)、where(x,y)、what (自定义拓展数据)串成的用户行为路径。

通过代码埋点来实现对应用户层面的行为分析。 国内前端埋点自定义埋点软件埋点无论是项目后期的复盘，还是明确业务价值，还是产品价值的挖掘，都具备很重要的意义。

在Web开发过程中，Web端数据采集主要通过三种方式实现：服务器日志、URL解析及JS回传。

1.服务器日志：指Web服务器软件，例如Httpd、Nginx、Tomcat等自带的日志，例如Nginx的日志等；2.URL解析：指访问服务器时，将URL信息及携带的参数进行解析后，上传服务器，例如在进行数据搜索官网地址时，我们可以获得本次用户搜索的内容search为“iphone”；

3.JS回传：指在Web页面上添加的各类统计插件，通过在页面嵌入自定义的Javascript代码来获取用户的访问行为(比如鼠标悬停的位置，点击的事件等)，然后通过Ajax请求到后台记录日志。

前端埋点在标签预留场景中，要考虑到反推埋点预留：

①基于用户画像的标签建设，需要考虑画像的多层属性，社会属性、基本属性、市场属性、交易属性、行为属性等，通过画像筛选人群的时候，可能需要通过数据模型建立用户分层的过程，所需要用到的辅助数据；

②基于智能运营的标签建设，运营策略、活动、方案的数据需求收集，哪些标签需要用到埋点中的信息；

③基于营销系统的标签建设，涉及到渠道分配、广告投放、点击预测等，可能需要对曝光、点击、转化进行全链路的埋点建设，或者基于某一个产品使用链路，埋点数据要完备；

④标签管理，没有一套产品来支撑，多标签你怎么对外提供；海量的标签，又要怎么做标签管理。 前端埋点技术方案如何实现？

为什么需要埋点和前端监控？当我们在分析复盘一个产品是否成功的时候，产品、技术、业务运营方都会有自己对应的分析层面，那不同的角色考虑的方向是不同的。

站在产品的视角，经常会问如下几个问题：1.产品有没有用户使用；2.用户用得怎么样；3.系统会不会经常出现异常；4.如何更好地满足用户需求服务用户；

当站在技术视角时，经常会问如下几个问题：1.系统出现异常的频率如何；2.异常出现后如何快速进行定位追踪；3.如何分析解决问题；

而当站在老板的视角时，问题可能又会变为：1.我的存量用户多少，未来还有多少潜力；2.多少用户在系统内进行了消费。

当在回答了上述问题之后，埋点和监控两者的作用便跃然纸上。因为要回答以上问题，只有通过对系统进行数据分析的方式才能弄清楚。其实无论是前端埋点还是前端监控，二者并不是分开存在，而是相互依存的关系。 埋点是数据的来源，采集的数据可以分析网站/APP的使用情况，用户行为习惯等。前端埋点

webfunny前端埋点一体化埋点系统。从零开始搭建前端埋点和前端监控软件

埋点流程规范，流程规范会有五个步骤，步骤一规划评审：数据埋点的方案一旦确定，返工和排查问题的成本都很高，但数据埋点之后的分析工作，又涉及到了PD（productdesigner）、BI（BusinessIntelligence）、算法、数据等多个角色。

因此非常有必要，将需求内容和数据口径统一，所有人在一套标准下，将需求定义出来，明确我们的分析的场景和目标，随后业务侧再介入，进行埋点方案的设计和开发。

通常情况下，我们需要记录用户在使用产品过程中的操作行为，通过4W1H模型可以比较好的保障信息是完备的。4W1H包括：Who（谁）设备ID、用户ID、手机号、微信识别码等；

When（在什么时间）记录日志的时间戳、日志上报的时间戳；Where（在什么位置）IP地址，GPS地址在哪；How（以什么方式）操作系统、设备型号、网络环境、APP版本、当前页面等信息；What（做了什么事情）如果是搜索行为，则记录关联词；如果是内容点击，则记录内容ID、内容类型、列表位置；如果是交易动作，记录交易的商品ID、类型、数量；如果是支付过程，记录付款的方式与付款金额。 从零开始搭建前端埋点和前端监控软件

上海观纵科技有限公司致力于传媒、广电，是一家服务型公司。公司自成立以来，以质量为发展，让匠心弥散在每个细节，公司旗下webfunny前端监控，webfunny前端埋点，全链路应用性能监控，Argus-IT运维监控深受客户的喜爱。公司注重以质量为中心，以服务为理念，秉持诚信为本的理念，打造传媒、广电良好品牌。观纵科技凭借创新的产品、专业的服务、众多的成功案例积累起来的声誉和口碑，让企业发展再上新高。