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 在單頁面中的實踐