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

本文介绍如何使用 gtag.js 为“应用 + 网站”媒体资源设置网页。点此可详细了解“应用 + 网站”媒体资源

全局网站代码 (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(分析)。点此了解详情