请按照下文中介绍的步骤操作,为您网站的 Google 跟踪代码管理器容器添加必要的代码段。如需了解为其他类型的容器设置跟踪代码管理器的类似步骤,请参阅下列资源:
- iOS:Google 跟踪代码管理器(针对 iOS 应用)
- Android:Android 版 Google 跟踪代码管理器
- AMP:AMP 和跟踪代码管理器设置指南
- 服务器:服务器端跟踪代码管理器
准备工作
- 您必须创建跟踪代码管理器账号和容器。
- 您必须能够访问您网站的代码。
步骤
- 前往 https://tagmanager.google.com。
- 登录您的 Google 账号。了解如何创建 Google 账号。
- 打开要修改的跟踪代码管理器容器。
- 在工作区标签页中,选择您的容器 ID(以“GTM”开头)。
- 在“安装 Google 跟踪代码管理器”对话框中,对您网站的每个网页执行以下步骤:
注意:如果您的网站是使用 Wordpress、Shopify 或 Wix 等网站开发工具或内容管理系统 (CMS) 构建的,则可以通过集成方法来设置 Google 代码,而无需更新网站中每个网页上的代码。了解如何使用网站开发工具或 CMS 添加 Google 代码
- 复制第一个代码块并将其粘贴到
<head>
标记中尽可能靠上的位置。示例
在下面的 HTML 代码示例中,您需要将第一个 Google 跟踪代码管理器代码段粘贴到起始 <head> HTML 标记之后。请注意,以下示例使用的是“GTM-ABCDEFGH”,但您必须将该 ID 替换为自己的容器 ID。<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - 复制第二个代码块并将其粘贴到起始
<body>
标记之后,且紧邻该标记。示例
在下面的 HTML 代码示例中,您需要将第二个 Google 跟踪代码管理器代码段粘贴到起始 <body> HTML 标记之后,且紧邻该标记。请注意,以下示例使用的是“GTM-ABCDEFGH”,但您必须将该 ID 替换为自己的容器 ID。<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - 输入网站链接,然后点击测试,以测试您的网站。
- 复制第一个代码块并将其粘贴到
- 点击确定。
后续步骤
使用 Google 跟踪代码管理器设置和管理代码。