Google Analytics 4 的原理

文章目录[隐藏]

请求限额

Google Analytics 4 介绍

Google Analytics 4 是Google在2020年推出的新一代网站分析工具，用于替代原有的UA版本，原有UA将在2023年7月后停止使用。

Google Analytics 4 的跟踪原理：页面标签技术

页面标签技术是一种从访客浏览器端收集数据的技术，通常是通过放置在网站中每个页面的代码进行收集的，这是目前最主流的方法，如Google Analytics、Adobe Analytics、百度统计、神策都是采用这种方法。

通过在网页中嵌入一段Google Analytics 4 的JS代码，然后这段JS代码会收集相关信息通过1像素的gif图片来发送相关的信息给Google的服务器，以完成数据统计。

GA4发送给服务器的请求有如下参数：

Google Analytics 4 的原理

详细的参数解释请看：Google Analytics 4 中传递参数解析

Google Analytics 4 的跟踪代码解析

Google Analytics 4 的跟踪代码如下：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HZ4RDGTX66"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HZ4RDGTX66');
</script>

第一行<script async src=”https://www.googletagmanager.com/gtag/js?id=G-HZ4RDGTX66″></script>，异步加载一段js，这段js是放在www.googletagmanager.com域名下的。

window.dataLayer = window.dataLayer || []：是dataLayer是数据层变量的初始化，完整的是var dataLayer = window.dataLayer = window.dataLayer || [] 然后你后面可以直接调用dataLayer.push。

function gtag(){dataLayer.push(arguments)};定义一个函数，方法

gtag(‘js’, new Date())：调用前面的函数，其中“js”是前面引入的那个js里面的一个已经定义的函数,

下面的“config”也是跟踪js里定义的函数，另一个定义函数为set。