Google Analytics 增强型电子商务跟踪/分析无法通过 GTM 工作

5 html javascript google-analytics google-tag-manager enhanced-ecommerce

对于我的网站,我已经有了 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>
Run Code Online (Sandbox Code Playgroud)

我关注了https://ga-dev-tools.appspot.com/enhanced-ecommerce/

在此处输入图片说明

尽管做了上述事情,但仍然没有显示任何结果。

在此处输入图片说明

我最初想跟踪两件事。

  1. 产品已加入购物车
  2. 订购购买

非常感谢上面的任何帮助。

谢谢

[更新]

我也遵循了以下教程。

  1. https://www.youtube.com/watch?v=xgLGWvhOyHU
  2. https://www.youtube.com/watch?v=3G5wvjC1rHo
  3. 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>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

第一期这里没有显示任何事件。

在此处输入图片说明

[最新更新]

在此处输入图片说明

我现在可以获取事件,但在电子商务概述中仍然是空白

Max*_*Max 3

一些东西:

  • 即使现在似乎什么都不起作用,你也会有重复的跟踪,当事情发生时,你最终会得到重复的事件。您要么想使用 GTMdataLayer.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 阻止程序会阻止跟踪。