web前端统计埋点分离方案

前言

最近一直在思考一个吸引人的标题对一篇文章的阅读到底影响有多大，因此这篇文章取了一个比较大的标题，内容是炒冷饭，主要是再介绍一下以前在业务里碰见关于统计埋点的问题，以及个人解决方案 Tagmanager。

Tagmanager

tagmanager 是谷歌提供的一个针对统计代码的进行管理的工具。他最大的好处就是将你的统计代码和业务代码进行分离，统计的需求不须要再改业务的代码，只须要在 Tagmanager 提供的网页端进行配置便可。

大体的流程以下图：

一、在咱们的业务页面加载一个js, www.googletagmanager.com/gtm.js?id=G…

二、每次有统计埋点的需求时，在 Tagmanager 提供的管理页面 进行配置，而后发布；发布以后 Tagmanager 就会更新咱们业务页面里引用的 gtm.js

三、新的 gtm.js 影响业务页面，例如绑定某些按钮点击，发送统计数据等

从整个流程就能看出来，在我业务代码里只须要一次引入 gtm.js 便可，后续的埋点都不须要再修改代码。

更详细的介绍能够查看我以前的文章 Tagmanager.google 入门和一次实践 和 google.tagmanager 在单页面中的实践