参与我们的开发者问卷调查。期待收到您的反馈意见,以便我们了解如何改进 Google Analytics(分析),让这款工具更好地为您服务。

使用 gtag.js 将 Google Analytics(分析)4 媒体资源的 Google Analytics(分析)代码添加到您的网站

本文介绍了如何使用 gtag.js 为 Google Analytics(分析)4 (GA4) 媒体资源设置网页。详细了解 GA4 媒体资源

全局网站代码 (gtag.js) 是一种 JavaScript 代码植入框架兼 API,供您用来向 Google 的效果衡量产品发送事件数据。Google Analytics(分析)提供的默认代码基于 gtag.js,可以直接从 Google Analytics(分析)中获取。您还可以通过跟踪代码管理器部署 Google Analytics(分析)。如果您要编写自己的 Google Analytics(分析)代码,或者要将更多 Google Analytics(分析)媒体资源与已添加的现有 gtag.js 集成,本文正是您理想的参考资料。

添加新代码

要在尚不存在任何全局网站代码的情况下安装 Google Analytics(分析),请使用下面的原型。使用时请将 MEASUREMENT_ID 替换为您要将数据发往的 Google Analytics(分析)媒体资源的 ID。这段代码应紧跟在起始 <head> 标记之后。每个网页只需要一个全局代码段。

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

  gtag('config', 'MEASUREMENT_ID');
</script>

这段代码会加载 gtag.js 库,创建一个默认的 Google Analytics(分析)衡量 ID,并自动向 Google Analytics(分析)发送 page_view 事件。

向现有代码添加更多 Google Analytics(分析)媒体资源

如果需要再配置一项 Google Analytics(分析)媒体资源,请再添加一个 config 命令。姑且以上例为基础,需要添加一个新的 config 条目并将 MEASUREMENT_ID_2 替换为第二个 Google Analytics(分析)帐号中的衡量 ID:

<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'MEASUREMENT_ID');
  gtag('config', 'MEASUREMENT_ID_2');
</script>

此外,还可以向源自其他产品(如 Google Ads、Floodlight 等)的全局网站代码添加 Google Analytics(分析)。点此了解详情