Google Analytics增强型电子商务跟踪/分析未通过GTM工具正常工作

Question

Google Analytics增强型电子商务跟踪/分析未通过GTM工具正常工作

javascripthtmlgoogle-analyticsgoogle-tag-managerenhanced-ecommerce

6

我已经在我的网站上安装了GA和GTM。增强型电子商务功能已经启用。可以从下面的图片中看到。

我也尝试了下面的代码。

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push(
          {'gtm.start': new Date().getTime(), event: 'gtm.js'}
      );
      var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
      j.async = true;
      j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
      f.parentNode.insertBefore(j, f);
  })(window, document, 'script', 'dataLayer', 'GTM-XXXXX');</script>
  <!-- End Google Tag Manager -->

  <!-- Google Tag Manager (noscript) -->
<noscript>
  <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
          height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
</head>
<body>
  <script>
window.dataLayer = window.dataLayer || [];


dataLayer.push({
  "event": "addToCart",
  "ecommerce": {
    "currencyCode": "USD",
    "add": {
      "products": [{
        "id": "57b9d",
        "name": "Kiosk T-Shirt",
        "price": "55.00",
        "brand": "Kiosk",
        "category": "T-Shirts",
        "variant": "red",
        "dimension1": "M",
        "quantity": 1
      }]
    }
  }
});

dataLayer.push({
   'event' : 'purchase',
   'transactionId': '1234',
   'transactionAffiliation': 'Acme Clothing',
   'transactionTotal': 38.26,
   'transactionTax': 1.29,
   'transactionShipping': 5,
   'transactionProducts': [{
       'sku': 'DD44',
       'name': 'T-Shirt',
       'category': 'Apparel',
       'price': 11.99,
       'quantity': 1
   },{
       'sku': 'AA1243544',
       'name': 'Hat',
       'category': 'Apparel',
       'price': 9.99,
       'quantity': 2
   }]
});




ga('create', 'UA-XXXXXXX-4');
ga('require', 'ec');
ga('set', 'currencyCode', 'SGD');
ga('ec:addProduct', {
  'id': 'P12345',
  'name': 'Android Warhol T-Shirt - with UA 4',
  'category': 'Apparel',
  'brand': 'Google',
  'variant': 'black',
  'price': '29.20',
  'quantity': 1
});

// Transaction level information is provided via an actionFieldObject.
ga('ec:setAction', 'purchase', {
  'id': 'T12345',
  'affiliation': 'Google Store - Online - with UA 4',
  'revenue': '37.39',
  'tax': '2.85',
  'shipping': '5.34',
  'coupon': 'SUMMER2013'    // User added a coupon at checkout.
});

ga('send', 'pageview');     // Send transaction data with initial pageview.

</script>
</body>
</html>

我已经遵循了https://ga-dev-tools.appspot.com/enhanced-ecommerce/。

尽管进行了上述操作，仍然没有显示任何结果。

我想最初跟踪两件事情。

添加到购物车的产品
订单购买

非常感谢以上任何帮助。

谢谢。 [更新] 我也按照以下教程进行了操作。

https://www.youtube.com/watch?v=xgLGWvhOyHU
https://www.youtube.com/watch?v=3G5wvjC1rHo
https://www.youtube.com/watch?v=OpUtb_Grl2A [我已按此设置了GTM]

https://developers.google.com/analytics/devguides/collection/gtagjs/enhanced-ecommerce#measure_purchases -> 我已经尝试过这个了

因此，我的最新测试代码现在是

<script>
var dataLayer = window.dataLayer || [];
dataLayer.push({
  'event' : 'transaction',
  '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
       }]
    }
  }
});
</script>

第一个问题是这里没有显示任何事件。

[最新更新]

我现在能够获取事件，但是在电子商务概述中仍然是空白的。

- user9528659

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Max · Accepted Answer

几个事项:

你有重复的跟踪代码，即使现在似乎什么都没起作用，但当有数据时，你将最终得到重复的事件。你要么使用GTM dataLayer.push，要么使用本机的ga调用，但不能同时使用两者来跟踪购买。 我的建议是将所有内容迁移到GTM，因为它可以给你更多的控制权（例如，你可以在不必每次更改源代码的情况下扩展/编辑你的分析）。
GTM的购买语法是错误的：请参见https://developers.google.com/tag-manager/enhanced-ecommerce#purchases的语法示例，但确保添加“event”键以便设置GTM触发器。
你没有展示GTM标签是否正在生效：默认情况下，GTM不会对你的数据进行任何操作。为了将数据发送到GA，你需要配置触发器和标签。
使用Chrome GA调试器插件：https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=en。安装后，单击扩展图标启用它并打开浏览器控制台：
- 如果你看不到调试信息，则表示没有GA跟踪代码（无论是本机还是通过GTM）正在生效
- 当它们开始生效时，你将看到调试信息，包括可能的错误以及未发送数据的解释
- 如果你看到正确地将数据发送到GA但在那里没有显示，那么很可能是GA配置错误，例如过滤器或有时将数据发送到错误的属性中
请注意关于分析/cookie阻止插件，你可能已经安装了这种插件来防止跟踪。