Google 跟踪代码管理器 - 数据层

数据层可以看作是一个对象，包含要通过 Google 跟踪代码管理器传递和处理的所有信息。这是一个有点技术性的概念。术语“数据层”用于表示 Google 跟踪代码管理器使用的数据结构，用于在您的网站/博客和跟踪代码管理器之间存储、处理和传递数据。

为了进一步详细说明，数据层可以将有关访问者的数据输入到您的分析工具中。从另一个角度来看定义，数据层实际上是数字环境每个子集的业务需求和目标的列表。

让我们以电子商务网站为例，业务需求可能包括 -

  • 交易信息，包含有关所购买商品的详细信息

  • 有关购买者的访客数据

  • 有关购买的其他详细信息，例如购买地点和时间

  • 最后，有关其他因素的信息，例如访问者是否订阅了电子邮件更新

因此，简而言之，数据层承载了不同工具/用户/利益相关者可以根据需要使用的信息。

在 Google 跟踪代码管理器中，dataLayer 是一个 JavaScript 数组。它由键值对组成。以下是具有不同数据类型的 dataLayer 的快速示例 -

dataLayer = [{
   'products': [{
      'name': 'Western Cotton',
      'tuning': 'High-G',
      'price': 49.75
   },
   {
      'name': 'Fenda Speakers',
      'tuning': 'Drop-C',
      'price': 199
   }],
   'stores': ['Hyderabad', 'Bangloer],
   'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
   'employee': {'name': 'Raghav}
}];

在这里，我们有不同的值，例如对象数组（产品）、数值（价格）、字符串数组（商店）、日期对象和对象（名称）。

另一方面，当您将 Google 跟踪代码管理器容器代码放入网站时，会自动创建数据层。

就其本身而言，数据层是一个非常复杂的概念，需要首先理解。本章将提供有关如何与数据层交互的更多见解。

数据层事件

数据层事件的一个简单示例是时事通讯注册表单，它无法通过自动 GTM 侦听器轻松跟踪。一旦新订阅者在您的网站上输入了他/她的电子邮件，网站开发人员就可以支持您推送数据层事件。该事件的代码应如下所示 -

push({‘event’: ‘new_subscriber’});

如果需要，您可以向开发人员询问更多信息，例如表单位置。如果您的网站上有多个表单，则这是必需的。可以使用以下代码来实现。

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'formLocation': ‘footer’,
   'event': new_subscriber
});

此外，Google 跟踪代码管理器默认将一组特定值推送到 Web 应用程序的数据层。这些值是 -

  • gtm.js - Google 跟踪代码管理器准备好运行后立即推送到数据层

  • gtm.dom - 当 DOM 准备好时推送到数据层

  • gtm.load - 当窗口完全加载时推送到数据层

检查数据层

正如我们现在所知，屏幕上的任何交互都会产生某些事件。

例如，让我们考虑这个简单的页面加载事件。要查看事件，您需要运行调试器。运行调试器（在预览模式下）后，请访问博客。如果您查看左下角的摘要窗口，您将看到以下内容 -

数据层

步骤 1 - 单击“已加载窗口”，然后单击“数据层”。

“数据层”选项卡中显示的信息与“窗口已加载”事件有关。

显示为 – {event: 'gtm.load', gtm.uniqueEventId: 3}

此外，如果您想仔细查看，则需要获得 Chrome 控制台选项卡的支持。当您知道如何以正确的方式使用 Chrome 调试器时，检查数据层就会变得很容易。

步骤 2 - 当您在博客上时，右键单击页面中的任何部分。在显示的上下文菜单中，单击“检查”。该面板将显示在屏幕右侧，并激活“元素”选项卡。

步骤 3 - 单击控制台。在控制台模式下，单击左上角图标可清除显示的所有消息。请参阅以下屏幕截图以供参考。

安慰

步骤 4 - 清除窗口中的所有先前消息后，输入 dataLayer，确保 L 的大写已完成。该名称由 Google 跟踪代码管理器提供给其数据层。但是，您的开发人员可以根据需要为其分配不同的名称。

步骤 5 - 在 dataLayer 之后按 Enter 键。它将显示以下详细信息。

GTM数据层

一共有三个对象，每个对象都包含一些信息。现在，这些对象对您来说可能不一样，如上面的屏幕截图所示。数据层是可配置的，并且开发人员可以完全控制根据要求进行配置。

出现的值是由于在该特定位置/空间使用的 Blogger 小工具造成的。这就是为什么那里有某些信息的原因。

如果您查看对象 1，您会注意到触发的事件是 – gtm.dom。它在加载页面时由 GTM 触发。

通过这种方式，您可以检查数据层并在需要时向其中添加信息。

数据层中的变量

现在我们已经熟悉了数据层，让我们尝试使用 Google 跟踪代码管理器界面读取其中一个变量。

在这里，我们将尝试使用数据层变量读取事件。

如果我们看到上图，变量 event 保存了gtm.dom。我们将从 GTM 界面创建一个变量，并查看它如何反映在 Google 跟踪代码管理器下的“变量”选项卡中。

步骤 1 - 在 Google 跟踪代码管理器界面中，转到变量。向下滚动到用户定义的变量。单击新建。

步骤 2 - 为这个新变量提供一个名称，我们将其称为 varEvent。

步骤 3 - 单击选择变量类型开始设置...

单击新建

步骤 4 - 从列表中选择数据层变量。

步骤 5 - 当您选择数据层变量时，您将需要提供名称和版本。

数据层变量

该名称将来自 Google 跟踪代码管理器的实际数据层。如前所述，我们将跟踪的变量是事件。

步骤 6 - 在数据层变量名称中输入事件。

步骤 7 - 单击“保存”。

步骤 8 - 单击“预览”查看调试器中反映的更改。

数据层变量名称

步骤 9 - 页面加载后，单击“已加载窗口”，然后单击“变量”。滚动到变量部分的最底部，您将看到 varEvent，如上面的屏幕截图中突出显示的那样。

如上面的屏幕截图所示，该值将为 gtm.load。

这样，我们就可以检查数据层并根据需要捕获数据层中的值。