前端埋点有哪些方案？

前端埋点有哪些方案？这是一道前端面试非常高频的面试题，但是很多同学在面试时候都说不完整，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题

如果我是求职者，我会这么回答：

常见的前端埋点方案主要分为三种

第一种，手动代码埋点。顾名思义，就是需要开发者手动写代码，调用埋点sdk的函数，在需要埋点的地方调用埋点函数，并传入参数。手动埋点可以很方便地设置自定义属性、自定义事件，完全地满足定制化埋点需求，支持各种场景的业务需要，但缺点也很明显，埋点代码侵入性大，容易与业务代码耦合，后期维护成本较高，一般公司自建埋点平台系统会采用这种方式。

第二种，可视化埋点。也叫框架式埋点、无痕埋点。通过提供一个可视化界面，由用户对业务页面进行圈点，通过可视化交互的方式在页面上的元素（按钮，链接等）进行埋点配置注入。原理也很简单，通过在页面中嵌入可视化埋点SDK，SDK会上报页面元素信息到服务器，服务器对页面元素进行分析，标记出可以被埋点的元素，用户在这些元素上进行标注，然后前端统一再进行渲染。这种方案可以做到按需配置，不会产生大量的无用数据，不过缺点也很明显，比较难加载一些运行时参数；当页面结构发生变化的时候，可能就需要进行部分重新配置。

第三种，无埋点，也叫自动埋点、全埋点。这种方案通过监听浏览器全局事件来收集用户数据，所以页面上所有的用户点击等操作行为都会被收集上报。该方案简单明了，与业务代码无耦合，收集的用户行为数据也比较全，但是数据量比较大，无用数据太多，给服务器增加了很大的压力，也无法进行定制化，只能收集常用的基本数据，一般用于粗颗粒度的数据分析。

以上就是这个问题的回答了，大家可以下次面试时试试这么回答看看效果。

最后，欢迎关注理想哥，每天学点前端面试小技巧。