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 : 窗口满载时推送到数据层

检查数据层

As我们现在已经知道,由于屏幕上的任何交互,都会创建某些事件.

例如,让我们考虑一下这个简单的页面加载事件.要查看事件,您需要运行调试器.调试器运行后(在预览模式下),请访问博客.如果您查看左下角的摘要窗口,这将是您将看到和减去的内容;

数据图层

第1步 : 单击Window Loaded,然后单击Data Layer.

数据层选项卡中显示的信息与Window Loaded事件有关.

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

此外,如果您想仔细查看一下,您需要获得Chrome控制台标签的支持.当您知道如何以正确的方式使用Chrome调试器时,检查数据层变得很容易.

步骤2 : 当您在博客上时,右键单击页面中的任何部分.在显示的上下文菜单中,单击"检查".面板将显示在屏幕右侧,激活元素选项卡.

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

控制台

步骤4 : 清除任何先前消息的窗口后,键入dataLayer,确保完成L的大小写.此标记由Google跟踪代码管理器提供给其数据层.但是,您的开发人员可以在需要时为其指定不同的名称.

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

GTM数据层

有三个对象,每个对象包含一些信息.现在,这些对象可能与您不同,因为它们显示在上面的屏幕截图中. dataLayer是可配置的,并且开发人员可以根据需要对其进行配置.

存在的值是由于正在使用的Blogger小工具所致.特定的位置/空间.这就是为什么那里有某些信息的原因.

如果你看对象1,你会注意到被触发的事件是 -   gtm.dom .加载页面时由GTM触发.

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

数据层中的变量

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

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

如果我们看到上图,则变量事件包含 gtm.dom 的.我们将从GTM界面创建一个变量,并在Google跟踪代码管理器下的"变量"选项卡中查看它是如何反映的.

步骤1 : 在Google跟踪代码管理器界面中,转到"变量".向下滚动到用户定义的变量.点击新.

第2步 : 为这个新变量提供一个名称,让我们将其称为varEvent.

步骤3 : 点击选择变量类型即可开始设置......

点击新

第4步 : 从列表中选择数据层变量.

步骤5 : 当您选择数据层变量时,您将需要提供名称和版本.

数据层变量

此名称将来自Google跟踪代码管理器的实际数据层.如前所述,我们将跟踪的变量是 -  event.

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

步骤7 : 点击保存.

步骤8 : 单击预览以查看调试器中反映的更改.

数据层变量名称

第9步 : 加载页面后,单击Window Loaded,然后单击Variables.滚动到Variables部分的最底部,您将看到varEvent,如上面的屏幕截图中所示.

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

通过这种方式,可以检查数据层并根据需要捕获数据层中的值.