谷歌跟踪片段：我应该使用哪个？

已发表: 2019-08-02

最后更新于 2019 年 8 月 23 日

谷歌有各种跟踪片段来分析访问者在我们网站每个页面中的互动。 这些片段包括ga.js、analytics.js、GTM 和 gtag.js。 根据我们想要在我们的网站页面上跟踪的内容，其中一些片段比其他片段效果更好，并简化了跟踪代码注入的管理。 通过这个博客，我将尝试阐明这些 Google 代码片段的用途以及何时使用它们。

Snippet 是一个编程术语，用于指可重用的源代码、机器代码或文本的一小部分区域。

这些片段中的每一个都是我们粘贴到我们网站页面中的一小段 JavaScript 代码。 要使用这些代码段，我们必须复制相应的代码段，将其粘贴到我们网站的所有页面上，并将代码段中的 GA_MEASUREMENT_ID 也显示为 UA-XXXXX-X 或 GTM-XXXXXXX 字符串替换为指定的 Web我们网站的属性 ID。

我们应该将这些片段粘贴到我们的网站模板页面或网站的每个页面上，以便它出现在 <head> 标记的顶部附近，并且在大多数情况下位于任何其他脚本或 CSS 标记之前。 重要的是要知道，如果我们将网站从旧代码段更新到最新的异步版本，我们应该在插入最新代码段后删除现有的跟踪代码段。 不建议在同一页面上同时使用两个片段，因为我们可以复制我们的数据。

例如，当我们将这些跟踪片段中的任何一个添加到我们的网站时，我们可以针对访问者在我们网站上看到的每个页面向我们的跟踪工具发送综合浏览量。 该片段处理数据并可以推断出大量信息，包括：

  • 访问者在我们网站上花费的总时间。
  • 访问者在每个页面上花费的时间以及访问这些页面的顺序。
  • 访问者点击了哪些内部链接（基于下一个网页浏览的 URL）。

此外，IP 地址、用户代理字符串和初始页面检查，当我们创建自定义跟踪器以确定如下内容时，片段可以跟踪它：

  • 访问者的地理位置。
  • 访问者正在使用什么浏览器和操作系统。
  • 屏幕大小以及访问者的浏览器上是否安装了 Flash 或 Java。
  • 访问者的推荐站点。

旧版分析片段 (ga.js)

ga.js 是 Google Analytics 的经典分析或遗留跟踪库。 是的，此代码段专门用于将跟踪数据发送到 Google Analytics。 ga.js 是一个 JavaScript 库，用于衡量用户如何与我们的网站进行交互。

遗留分析的代码片段

ga.js 已经是一个过时的库（未弃用）但仍在跟踪。 使用此代码段的一个不便之处在于，我们需要访问页面的源代码以插入异步跟踪页面所需的一些跟踪命令代码和功能配置，以将跟踪数据发送回 Google Analytics（分析）服务器。 _gaq对象使异步语法成为可能。

如果我们开始使用 Google Analytics，最好使用 Google 上最新的现代跟踪片段之一。

通用分析 (analytics.js)

Universal Analytics 是 Google Analytics 的新操作标准。 作为遗留代码片段，analytics.js 库是一个 JavaScript 库，用于衡量用户如何与我们的网站进行交互。 analytics.js 库是用于 Google Analytics 的最新 JavaScript 库，旨在利用 Universal Analytics 平台的所有新功能。

通用分析代码片段

此 JavaScript 跟踪代码段定义了一个称为“命令队列”的全局ga函数。 它之所以称为命令队列，是因为它不会立即执行它接收到的命令，而是将它们添加到一个队列中，该队列会延迟执行，直到 analytics.js 库完全加载。

如果您刚开始使用 Google Analytics，并且您只想跟踪访问者在 Google Analytics 上的互动，那么您应该使用此代码段。 如果您要在您的网页上跟踪其他类型的访问者互动或在您的网站中注入其他片段，例如 Facebook Pixel 或 Google Ads，您应该使用下面将要解释的其他片段之一。

谷歌标签管理器 (GTM)

Google Tag Manager 是一个标签管理系统，可让您快速轻松地更新跟踪或测量代码。 这些代码片段统称为注入我们网站或移动应用程序的标签。

Google 跟踪代码管理器代码段

我们安装 GTM 来配置和部署标签，包括来自 Google Ads、Google Analytics、Facebook 和其他第三方的标签。 GTM 片段由两个脚本组成。 一个应该放置在尽可能靠近开始 <head> 标记的位置，但低于任何“dataLayer”声明； 第二个脚本是一个 <noscript> 代码片段，它应该紧跟在 HTML 中的开始 <body> 标记之后。

安装 GTM 后，您的网站或应用程序将能够通过 GTM 与 GTM 服务器和其他跟踪工具进行通信。 然后，您可以使用 GTM 标签管理器的基于 Web 的用户界面来设置标签、建立触发器以在某些事件发生时触发您的标签，并创建可用于简化和自动化标签配置的变量。

如果您开始使用跟踪代码段，并且希望在您的网页上添加不同的跟踪代码并在多个跟踪工具（如 Google Analytics、Google Ads 或 Facebook）中跟踪访问者的交互，那么您应该使用此代码段。

Google 全球网站代码 (gtag.js)

全局站点代码 (gtag.js) 是一种 JavaScript 标记框架和 API，允许我们将事件数据发送到 Google Analytics、Google Ads 和 Google Marketing Platform 以及其他 Google 产品。 无需为不同的 Google 产品管理多个跟踪代码，我们可以使用 gtag.js 并更轻松地从最新的测量功能和集成中受益。

谷歌全球网站标签代码段

gtag.js 可以轻松地将跟踪数据发送到多个 Google 产品。 无需在单独的界面中创建其他帐户或管理配置。 使用gtag命令捕获事件并将数据发送到一个或多个 Google 产品。

举个例子，一个典型的网站可能安装了以下谷歌产品跟踪代码：

  • 每个页面上的 Google Analytics（分析）浏览量跟踪代码。
  • 谷歌分析事件跟踪某些感兴趣的交互。
  • Google Analytics 电子商务跟踪购买、结帐步骤等。
  • 用于购买或完成潜在客户表单的 Google AdWords 转化跟踪。
  • 用于在 AdWords 中建立受众的 Google AdWords 再营销代码。

仅谷歌产品就有五种不同的跟踪代码或标签！！！

Gtag.js 通过以下方式使整个过程变得更加容易：

  • 鼓励您将 Google 产品的许多标签保留在代码中的一个位置。
  • 简化安装，让您更快地开始使用 Google 产品。
  • 打开一次将数据发送到多个工具的机会，而不是需要单独的标签。

结论

如果您只想跟踪简单的访问者与您的网站和页面浏览量的交互，您可以使用 analytics.js 代码段。 不要使用 ga.js 代码段，因为这是一个旧代码段，没有最新的测量功能和集成。 如果您的网站中有 ga.js 代码段，请将其替换为最新的跟踪代码段。

如果您只想在多个 Google 跟踪工具（例如 Google Analytics、Google Ads 和 Google Marketing Platform）上跟踪访问者与您网站的互动，则应使用 gtag.js 代码段。 请勿将 gtag.js 与任何其他 Google 跟踪代码段一起使用。 谷歌认为这是不好的做法。

如果您想通过 Google 和 3 rd方工具的各种跟踪工具跟踪访问者与您网站的交互，并打算注入和管理各种片段，例如 Google Ads、Google Analytics、Facebook 和其他 3rd 方片段在一个位置，您应该使用 GTM。 这是我们推荐使用的片段，应该与它们的默认值和预配置的标签和触发器一起使用。 不要使用自定义 HTML 标记通过 GTM 注入其他 Google 跟踪工具。 谷歌不推荐它，被认为是不好的做法。

同样，不推荐，我们也不推荐同时使用多个 Google 跟踪代码段。 如果您使用 GTM，请使用 GTM 中的默认 Universal Analytic 标记，并且不要在自定义 Html 标记中注入 gtag.js 片段或 ga.js 片段。 谷歌不推荐它，并将其视为不好的做法。

作者：阿图罗·圣地亚哥