Skip to content

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