本文介绍了如何使用 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(分析)。点此了解详情。
相关资源
- Google Analytics(分析)帮助中心:“应用 + 网站”媒体资源使用入门
- Google Analytics(分析)帮助中心:设置 Google Analytics(分析)代码
- gtag.js 开发者指南
- Google 跟踪代码管理器帮助中心:Google Analytics(分析)“应用 + 网站”媒体资源