Google Analytics 4 的原理

Google Analytics 4 黄业忠 6年前 (2016-09-18) 9485次浏览 0个评论

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。

 

请求限额

Google Analytics 4 的请求限额是16KB,这是gtag.js限制的,如果超过16KB,会发送失败,如下图:

Google Analytics 4 的原理

 

MP协议是130KB。


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Google Analytics 4 的原理
链接:https://www.ichdata.com/google-analytics-principle.html

喜欢 (9)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址