使用Google跟踪代码管理器从数据层提取数据的3种方法

更新：2020年5月6日。 数据层是Google跟踪代码管理器高度依赖的基础。它确保了最大的灵活性，可移植性和易于实施性。 在我的其他博客文章中，我已经解释了它的工作原理以及如何最大程度地利用它。但是，此处并未涵盖所有方面。由于可以使用不同的结构保存数据，因此也应该以不同的方式访问数据。在今天’s blog 发布, I’将介绍3种方法如何从数据层提取数据。

 

 

虽然这三种方法都包含可以在Google跟踪代码管理器容器中创建的数据层变量，但它们的设置会有所不同。

如果您读过我的 有关GTM预览和调试模式的指南，您已经知道 资料层 标签是GTM调试控制台中被最低估且完全未被开发的部分，初学者和（尤其是）中级用户已将其忘记。

此选项卡显示将其推送到所选事件的数据层时的确切消息对象，以及消息事务完成后数据层的外观。

换句话说，您可以查看数据层中当前可用的所有数据，以及每次Google跟踪代码管理器事件后可用的值。最好的部分是：每个数据点（推送到数据层）都可以在Google跟踪代码管理器中转换为变量。

 

目录

• 在我们继续之前
• 访问数据层中的原始值（例如字符串，数字）
• 访问数据层中的嵌套值
• 存取资料层中的阵列
• 最后的话

 

＃0。在我们继续之前：在GTM中级课程中还将彻底解释该主题

在此博客文章中，您’简要介绍一下JavaScript中的3种数据类型：字符串，对象和数组。但是，如果您想更深入地学习并正确了解它们在GTM中的工作原理，请注册 中级Google跟踪代码管理器课程.

 

＃1访问一级密钥（又称原始值）

您’re probably asking 我为什么给他们打电话“first-level keys”？一世’在本章末尾将对此进行解释。

对于我的WordPress博客，我正在使用 DuracellTomi的GTM插件，每次加载页面时都会推送一些键和值：

• 关键： pagePostType，一个值： 发布
• 密钥：pagePostType2， 值： 单岗位
• 键：pageCategory， 值： google-tag-manager-tips
• 密钥：pagePostAuthor，值： 朱利叶斯·费多罗维奇乌斯（Julius Fedorovicius）

请参见下面的屏幕截图。

借助Google跟踪代码管理器，我可以轻松地将每个变量转换为数据层变量，然后在其他标签中重复使用它们。

假设您要在有人发表评论时发送Google Analytics（分析）事件。对于每个事件，您还希望推送文章作者的全名。这样，您将看到哪些作者推动了最高的读者参与度。

在此示例中，我将不详细介绍如何创建标签，因为我仅演示如何从数据层提取数据并将其转换为变量（在Google跟踪代码管理器中）。

在Google跟踪代码管理器帐户中，您应该转到 变数 并使用以下设置创建一个新的（dlv 代表 数据层变量）：

那’是的！保存此变量，刷新预览和调试（P&D）模式，并刷新您的网站’正在努力。然后，您应该在中看到新创建的变量 变数 P的标签&D console.

哦，我差点忘了。您’我可能还在想，为什么我称它为“First-level key”. Well, that’因为所有这四个键都没有父键。让我举例说明。这里’s该示例位于第一级上。

{
 pagePostAuthor: 'Julius Fedorovicius'
}

和这里’s第二级密钥，因为 pagePostAuthor 是...的后裔 属性 键：

{
 属性: {
   pagePostAuthor: 'Julius Fedorovicius'
 }
}

在下一章中，我’ll说明如果密钥不在第一层，如何从数据层提取数据。

 

＃2。从子键中提取数据（也称为嵌套字段）

让’s尝试将其尽可能地简化为非技术性的：当键是其他键的后代时，它们称为子键（老实说，’在这个词上找到了各种术语，但是 子键 听起来对非开发人员来说最容易理解）。在下面的示例中，您可以看到 属性 在第一级， pagePostAuthor 在第二。

{
 属性: {
   pagePostAuthor: 'Julius Fedorovicius'
 }
}

为了获取其值，您应该稍微更改变量中的一项设置（在Google跟踪代码管理器中）。代替 pagePostAuthor，你 should enter attribute.pagePostAuthor 作为数据层变量名称。

如果 pagePostAuthor 也有一把儿童钥匙？你会怎么做？

{
 属性: {
    pagePostAuthor: 'Julius Fedorovicius': {
       someOtherKey: 'example'
    }
 }
}

那’是的。您应该定义该特定键的完整路径： attribute.pagePostAuthor.someOtherKey， 等等… 等等…每个级别均应以一个点分隔。

在数据层中访问子键是很常见的。当有人问我一个例子时，我总是告诉他们有关AJAX侦听器的信息，该侦听器有助于跟踪AJAX表单的提交。

在我的博客文章中 Google跟踪代码管理器AJAX表单跟踪， 一世’ve解释了如何使用AJAX侦听器（由Bounteous提供）。它侦听所有AJAX请求，并将其数据推送到数据层。这里’s an example:

有很多嵌套键。为了从数据层提取数据，您需要’我需要在数据层变量中使用点表示法’s settings, e.g. attribute.response。

 

 

 

＃3。从数组成员中提取数据

我正在与开发人员合作实施Google Analytics（分析）电子商务跟踪（标准，未增强）。关注Google’的准则，我要求开发者 推送成功订单’数据到数据层。然后，我可以通过Google跟踪代码管理器中的交易代码获取该事件（及其数据）。

It’开发人员必须遵循准则并使用Google指示的结构来推送数据，这一点非常重要。这里’是他们知识库中的官方示例：

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'transactionId': '1234',
 'transactionAffiliation': 'Acme Clothing',
 'transactionTotal': 38.26,
 'transactionTax': 1.29,
 'transactionShipping': 5,
 'transactionProducts': [{
   'sku': 'DD44',
   'name': 'T-Shirt',
   '类别'：'服装'，
   'price': 11.99,
   “数量”：1
 },{
   'sku': 'AA1243544',
   'name': 'Socks',
   '类别'：'服装'，
   'price': 9.99,
   'quantity': 2
 }]
});
</script>

“You know what?”, I asked myself, “这是非常有用的信息”. I’d也想将此订单数据推送到其他营销工具’m使用（例如Facebook Pixel）。我最感兴趣的是 价钱，一种 名称和 数量。

因此，我尝试了方法2（来自此博客），但失败了。我用过 transactionProducts.price， transactionProducts.name等等，但是我新创建的数据层变量总是返回 未定义。 所以呢’s wrong?

注意到任何可疑之处吗？在我的标准电子商务示例中（取自Google’s Knowledge Base), transactionProducts has 2 名称钥匙2 价格键等。那么，Google跟踪代码管理器如何知道我感兴趣的值？第一个还是第二个？如果用户购买了5种产品将会怎样？

我们在这里处理的称为 数组。的 transactionProducts 有一个包含两个具有相同键集合的产品的数组： sku，名称，类别，价格，数量。

在Javascript中，如果要提取第一个产品的值’s 价钱，你’d need to use transactionProducts [0]。价格 （索引从0开始），但是Google跟踪代码管理器在这种情况下不支持方括号，因此您’d需要使用点符号，如下所示： transactionProducts.0.price。

在Google跟踪代码管理器中，您的数据层变量应如下所示：

如果阵列中有5个产品，并且您想访问第5个产品的价格，则数据层变量名称应为 transactionProducts.4。价格。 请记住，这里的索引从零开始，因此第一个乘积实际上不是第一个乘积，而是第0个乘积。

 

从数据层提取数据的最后决定

由于可以使用不同的结构保存数据，因此也应该以不同的方式访问数据。

现在，您知道了如何以3种不同的方式从数据层提取数据。尽管它们都使用相同的数据层变量，但它们的名称不同，具体取决于数据结构–数组，嵌套键或单（第一级）键。