GA和GTM

GA

GA现在最新版本用的是GA4，GA4和GTAG等价，指的是一回事

通过gtag.js来埋点

GTM

GTM是辅助管理GA的，可以用来给事件二次加工或者打标，然后再传给GA。

通过gtm.js来埋点

核心概念

• Variable，定义一些用到的变量。
  • 如果想要记录platform，可以用自定义函数。如果想要记录
  • 如果想要记录userId等需要和业务交互的数据，可以通过dataLayer.push({}), 把信息push进去，然后在variable的variable type选择dataLayer，填入网页端传入的值
  • dataLayer仅仅是一个数组，是给GA和GTAG约定好使用的，自己在window上挂一个window.dataLayer=[]就好，GA和GTM自己知道去取
• Trigger，定义触发时机，比如click，page load等。
• Tag，定义事件名，关联Trigger来定义触发时机，关联Variable来定义自定义时间参数

数据流

页面启动时先去GTM拉取配置，看需要汇报那些东西，然后在对应的时机进行上报给GTM，GTM处理后传给GA。最终数据还是存放在ga里面的，gtm只是相当于是在ga前面做了一个过滤器。

GTM比较容易记录点击事件，配置一个Tag，关联click text即可，不用每个点击的地方都去埋一次

gtm也可以记录page_view，但是没有默认实现页面停留时长统计，要统计时长，最好还是用GA。所以如果既要click，又要page_view，需要在headScript里可以同时引入GA和GTM。GA不需要再另外配置measurementId