Question

我有一个图片代码，我需要填充电子商务购买的信息。我需要在Tagmanager数据层中存储为“产品”对象的各个项目。根据Google Analytics增强型电子商务跟踪：

  dataLayer.push({
    'ecommerce': {
      'purchase': {
        'actionField': {
          'id': 'T12345',                         // Transaction ID. Required for purchases and refunds.
          'affiliation': 'Online Store',
          'revenue': '35.43',                     // Total transaction value (incl. tax and shipping)
          'tax':'4.90',
          'shipping': '5.99',
          'coupon': 'SUMMER_SALE'
        },
        'products': [{                            // List of productFieldObjects.
          'name': 'Triblend Android T-Shirt',     // Name or ID is required.
          'id': '12345',
          'price': '15.25',
          'brand': 'Google',
          'category': 'Apparel',
          'variant': 'Gray',
          'quantity': 1,
          'coupon': ''                            // Optional fields may be omitted or set to empty string.
         },
         {
          'name': 'Donut Friday Scented T-Shirt',
          'id': '67890',
          'price': '33.75',
          'brand': 'Google',
          'category': 'Apparel',
          'variant': 'Black',
          'quantity': 1
         }]
      }
    }
  });

所以现在我需要遍历产品来构建图像URL，如：

http://some-domain.com/?p1=12345&v1=15.25&p2=67890&v2=33.75...

因为数据已经在dataLayer中，所以我应该能够编写一些JavaScript来检索产品对象，迭代它的元素并创建我需要附加到图像URL的字符串部分。有道理，没有？

但是：我不知道如何检索标签中的product元素。我尝试将产品对象创建为标记管理器中的变量，但这似乎不起作用。我尝试通过以下方式访问它：

google_tag_manager [ “GTM-UNIQUEID”]。dataLayer.get（ '电子商务'）。purchase.products

但同样不起作用。

Answer 1

一种选择是在dataLayer中包含一个事件，例如：

dataLayer.push({
    'event': 'ecomm event',
    'ecommerce': {
      'purchase': {
        'actionField': {
          'id': 'T12345',                         // Transaction ID. Required for purchases and refunds.
          // .... your original stuff
         }]
      }
    }
  });

在GTM中，您将创建一个变量，在该事件发生时循环遍历该dataLayer，并返回产品名称，如下所示（您可以稍微整理一下）：

function(){
    var dl = {{DL - Ecomm products}};
    var prodNames = '';
    for (var i=0; i<dl.length; i++){
        prodNames += dl[i].name + '|';
    }
    return prodNames;
}

其中{{DL - Ecomm products}}是一个值为ecommerce.purchase.products的dataLayer变量。

Answer 2

对于那些与之斗争的人：

将DL变量创建为ecommerce.purchase.products
在GTM中创建自定义JS变量：

function() {
var prods = {{DL - products}};
var src = "http://YOUR URL/?a=1"; 
var len = prods.length;
for (i=0; i < len; i++) {
var b = i+1;
src = src + "&ITEM" + b + "=" + prods[i].id + "&AMT" + b + "=" + prods[i].price + "&QTY" + b + "=" + prods[i].quantity;
}
src = src + "&CURRENCY=GBP";
return src;
}

将图片代码投放为自定义JavaScript变量。

完成

PS：抱歉格式不正确。

如何从GTM dataLayer中检索对象

2 个答案: