设置 Google Analytics(分析)代码

将 Google Analytics(分析)代码添加到您的网站中,然后开始在“应用 + 网站”媒体资源报告中查看数据。

此帮助中心文章属于“应用 + 网站”媒体资源 Beta 版

Google Analytics(分析)应用目前不支持“应用 + 网站”媒体资源。

 

准备工作

本文假定您已为自己的网站设置“应用 + 网站”媒体资源和网站数据流。如果您设置的是“网站”媒体资源(而不是“应用和网站 Beta 版”媒体资源),请改为参阅这篇文章

具体步骤

  • 查找页面代码和衡量 ID
  • 将全局网站代码添加到您的网站中

接下来,您便可以使用实时报告验证自己是否正在接收数据。

查找页面代码和衡量 ID

  1. 登录 Google Analytics(分析)
  2. 点击管理
  3. 在“帐号”列中,确认您已选择所需的帐号。在“媒体资源”列中,确认您已选择所需的媒体资源,然后依次点击数据流 Beta 版网站
    没看到“数据流 Beta 版”选项?如果您设置的是“网站”媒体资源(而不是“应用 + 网站”媒体资源),请改为参阅这篇文章
  4. 点击所需的数据流。

您的衡量 ID(例如 G-A2ABC2ABCD)就显示在左上角。在“代码添加说明”下,点击全局网站代码 (gtag.js) 就能看到 JavaScript 代码。

将代码添加到您的网站中

如果是从未设置过 Google Analytics(分析)代码、Google 跟踪代码管理器代码或任何其他 Google 代码的新网站,只需将全局网站代码粘贴到您网站每个网页的 <head> 中即可。完成此操作后,请在浏览器中访问该网站,并确认您在实时报告中能看到自己的活动(点击左侧报告导航中的实时)。

如果不是新网站,请按照本文列出的后续说明操作。

检查当前是否设有网站代码

以下说明假定您未使用内容管理系统 (CMS) 或非 Google 跟踪代码管理系统。

查看您网站中任一网页的源代码,并搜索“analytics.js”。如果您找到对“analytics.js”的引用,请按照这些说明操作。依照该说明将新代码添加到所有网页中,并保留旧代码。完成此操作后,您便完成了对 Google Analytics(分析)代码的设置,不必再阅读本文的其余部分。

如果您没有找到对“analytics.js”的任何引用,请改为搜索“ga.js”。如果您找到对“ga.js”的引用,请删除整个 JavaScript 代码。(该代码会带有注释,因此您可以看到它的开始和结束位置。)请将全局网站代码粘贴到您网站每个网页的 <head> 中。完成此操作后,您便完成了对 Google Analytics(分析)代码的设置,不必再阅读本文的其余部分。

如果您没有找到对“analytics.js”或“ga.js”的任何引用,请改为搜索“googletagmanager.com”。如果没有对“googletagmanager.com”的引用,则说明您当前没有设置任何代码。请将全局网站代码粘贴到您网站每个网页的 <head> 中。完成此操作后,您便完成了对 Google Analytics(分析)代码的设置,不必再阅读本文的其余部分。

更新全局网站代码

如果您找到对“googletagmanager.com”的引用:

  • 如果存在对“...googletagmanager.com/gtag/js?id=...”的引用,就说明网页中已经植入了全局网站代码 (gtag.js),例如:

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>

  • 如果存在对“...googletagmanager.com/gtm.js?id=...”的引用,就说明网页中已经实施了 Google 跟踪代码管理器,例如:
<!-- Google 跟踪代码管理器 -->
<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-XXXX');</script>
<!-- Google 跟踪代码管理器部分到此结束 -->

确定哪个产品和帐号在控制您的全局网站代码

如果您的网页中已经植入了全局网站代码或者已经实施了 Google 跟踪代码管理器,则通过观察脚本来源的网址,即可确定是哪个产品和帐号(或相关实体)控制着该全局网站代码。

全局网站代码 (gtag.js)

在为产品生成 gtag.js 代码段时,该代码段中会包含该产品的 ID,以及关联的帐号或该产品特有的实体。此 ID 会在以下两个标黄的位置显示:

 

<!-- 全局网站代码 (gtag.js) - Google Analytics(分析)-->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXX-Y');
</script>

 

如果有多个产品和帐号,则您可能会看到多行 gtag(‘config’,...),例如:

 

<!-- 全局网站代码 (gtag.js) - Google Analytics(分析)-->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXX-Y');
  gtag('config', 'UA-YYYYYY-Z');
  gtag('config', 'AW-XXXXXXXXXX');
  gtag('config', 'G-XXXXXXXX');

</script>

 

在脚本来源网址中显示有 ID(即上述代码段顶部的 ID)的产品和帐号即是控制全局网站代码的产品和帐号。

全局网站代码中产品前缀的含义
UA 表示您的全局网站代码由 Google Analytics(分析)控制。该 ID 是您的 Google Analytics(分析)衡量 ID。要查找与该 ID 关联的媒体资源,请使用 Google Analytics(分析)中的帐号搜索功能。如果该媒体资源没有显示,则可能是因为您没有它的访问权限。
G 表示您的全局网站代码由 Google Analytics(分析)中的“应用 + 网站”数据流控制。该 ID 是您的 Google Analytics(分析)衡量 ID。
AW 表示您的全局网站代码由 Google Ads 控制。AW 前缀后面的数字字符串是 Google Ads 中的转化 ID。
DC 表示您的全局网站代码由 Floodlight 代码控制。DC 后面的数字字符串是您的广告客户 ID。
其他 表示您的全局网站代码由其他 Google 产品控制或可能未正确植入。具体可使用 Google Chrome 的 Tag Assistant 扩展程序验证一下。

Google 跟踪代码管理器

如果您已在自己的网页上实施 Google 跟踪代码管理器,则会看到一个跟踪代码管理器容器代码段,其中包含有容器 ID,例如:

 

<!-- Google 跟踪代码管理器 -->
<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-XXXXXX');</script>
<:!-- Google 跟踪代码管理器部分到此结束 -->

 

要查找与此 ID 关联的跟踪代码管理器容器,请打开 Google 跟踪代码管理器帐号屏幕,然后搜索此 ID。如果此 ID 没有显示,则可能是因为您无权访问这个关联的容器。

将 Google Analytics(分析)中的“应用 + 网站”代码与现有的全局网站代码关联起来

如果您的网页中已有为其他 Google Analytics(分析)媒体资源植入的 gtag.js,或者已实施 Google 跟踪代码管理器容器,请按照本部分中的步骤为您的网站数据流启用代码,而不必更改网页中的源代码。

您需要有权访问与此全局网站代码关联的 Google Analytics(分析)媒体资源或跟踪代码管理器容器。如果您没有所需的访问权限,请与您组织中的 Google Analytics(分析)或跟踪代码管理器管理员联系,或者直接按照后文中的步骤添加新的全局网站代码。

如果您的全局网站代码由 Google Analytics(分析)控制

  1. 打开控制该全局网站代码的 Google Analytics(分析)媒体资源。
  2. 如果该全局网站代码的 ID 采用下面的格式:
    • UA-XXXXX-Y
      • 依次转到管理 >“媒体资源”列 > 跟踪信息 > 跟踪代码
      • 在“全局网站代码 (gtag.js)”下点击已关联的网站代码
    • G-XXXXXXX
      • 依次转到管理 >“媒体资源”列 > 数据流 > 网站
      • 在“代码添加说明”下点击已关联的网站代码
  3. 您要为哪个网站数据流启用代码,就请关联该网站数据流的衡量 ID(例如,G-XXXXXXXX)。

    目前,只能关联 Google Analytics(分析)中“应用 + 网站”数据流的衡量 ID。

在衡量 ID 关联成功后,已关联的代码将与全局网站代码一起加载。例如,如果您的网页中目前已经为衡量 ID(跟踪 ID)是 UA-12345-1 的 Universal Analytics 媒体资源植入了 Google Analytics(分析)代码,并且您将衡量 ID G-987654321 关联到该媒体资源,则系统会在该网页加载时向这两个媒体资源都发送数据。

对于已关联的网站代码,只有在其与控制全局网站代码的代码相关联时才会加载。例如,如果您将代码 A 关联到代码 B,则代码 B 必须控制全局网站代码,代码 A 才会加载;如果代码 B 已关联到代码 C,而代码 C 控制了全局网站代码,则代码 A 将不会加载。

如果您的全局网站代码是 Google 跟踪代码管理器容器

  1. 打开在您的网页中实施的 Google 跟踪代码管理器容器
  2. 依次点击代码 > 新建
  3. 点击代码配置,然后选择 Google Analytics(分析)-“应用 + 网站”配置
  4. 您要为哪个网站数据流启用代码,就请输入该网站数据流的衡量 ID(例如,G-XXXXXXXX)。
  5. 选择在所有页面(或您想衡量的那部分页面)上触发此代码。
  6. 保存并发布您的代码配置。

如果您的全局网站代码由其他产品控制

目前,仅当您的全局网站代码 (gtag.js) 由其他 Google Analytics(分析)媒体资源控制,或者当您使用 Google 跟踪代码管理器时,您才能通过现有的全局网站代码为 Google Analytics(分析)中的“应用 + 网站”媒体资源关联代码。

该内容对您有帮助吗?
您有什么改进建议?