javascript - 使用 dataLayer 的 Google 跟踪代码管理器触发器不会触发

Question

按钮:

<button id="btnBuy" onclick="SendData();"

JavaScript 函数:

<script>
// Measure a view of product details. This example assumes the detail view occurs on pageload,
// and also tracks a standard pageview of the details page.
var dataLayer = [];

dataLayer.push( {
  'ecommerce': {
    'detail': {
      'actionField': {'list': 'Apparel Gallery'},    // 'detail' actions have an optional list property.
      'products': [{
      'name': '@GetString("Ecom:Product.Name")',         // Name or ID is required.
      'id': '@GetValue("Ecom:Product.Number")',
      'price': '@GetValue("Ecom:Product.ActualPriceWithVAT")',
      'brand': '@GetString("Ecom:Manufacturer.Name")',
      'category': 'PRODUCT_CATEGORY'
       }]
     }
   }
});

function SendData()
{
    var purchaseData = 
    dataLayer.push( {
        'event': 'addToCart',
        'ecommerce': {
            'currencyCode': 'SEK',
            'add': {                                // 'add' actionFieldObject measures.
                'products': [{                        //  adding a product to a shopping cart.
                    'name': '@GetString("Ecom:Product.Name")',
                    'id': '@GetValue("Ecom:Product.Number")',
                    'price': '@GetValue("Ecom:Product.ActualPriceWithVAT")',
                    'brand': '@GetString("Ecom:Manufacturer.Name")',
                    'category': 'Apparel',
                    'variant': $j('input[name=radioDim1]:checked').val(),
                    'quantity': $j( '#QuantitySelector option:selected' ).val(),
                    'size': $j( 'input[name=radioDim2]:checked' ).closest( 'label' ).text()
                }]
            }
        }
    } );

    return purchaseData;

}

</script>

标签信息: 跟踪:事件 类别: 添加到购物车 行动:{{事件}} 标签:{{页面路径}}

触发器: 事件等于 addToCart

我在 Chrome 中使用预览模式，即使它注册了我的点击事件，它也没有说触发了触发器。

Answer 1

假设您上面的代码位于 GTM 容器片段之后，您在第一行所做的是重新定义数据层，即。

var dataLayer = [];

这会清除 GTM 所知道的数据层，并可能破坏您的标签。

您应该像这样以更安全的方式定义数据层，例如:

var dataLayer = dataLayer || [];

如果它已经存在，则不会将其清除。