web前端统计埋点分离方案

前言

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

Tagmanager

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

大致的流程如下图：

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

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

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

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

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