javascript - Google Analytics Enhanced Ecommerce Tracking/Analytics 无法通过 GTM 工作

标签 javascript html google-analytics google-tag-manager enhanced-ecommerce

对于我的网站,我已经拥有 GA 和 GTM。增强型电子商务已启用。从下图可以看出。

enter image description here

我也试过下面的代码。

<!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/

enter image description here

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

enter image description here

我最初想跟踪两件事。
  • 产品已加入购物车
  • 下单购买

  • 非常感谢您对上述任何帮助的任何帮助。

    谢谢

    [更新]

    我也遵循了以下教程。
  • 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>
    

    enter image description here

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

    enter image description here

    [最新更新]

    enter image description here

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

    最佳答案

    一些东西:

  • 您有重复跟踪 即使现在似乎没有任何工作,但当事情发生时,你最终会得到重复的事件。您要么想使用 GTM dataLayer.push或原生 ga电话,但您不想同时跟踪两者的购买情况。 我的建议是将所有内容迁移到 GTM 因为它为您提供了更多控制权(即您可以扩展/编辑您的分析,而不必每次都更改您的源代码)。
  • GTM 购买语法错误 : 见 https://developers.google.com/tag-manager/enhanced-ecommerce#purchases对于语法示例,尽管请确保添加“事件”键,以便您可以设置 GTM 触发器 .
  • 您没有向我们展示 GTM 标签是否正在触发 :默认情况下,GTM 不会对您的数据做任何事情。对于要发送到 GA 的数据,您需要配置触发器和标签。
  • 使用 Chrome GA 调试器插件 : https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=en .安装后,单击扩展图标启用它并打开浏览器控制台:
  • 如果您没有看到调试,这意味着没有 GA 跟踪调用(无论是 native 还是通过 GTM)正在触发
  • 当它们出现时,您将看到调试信息,包括潜在的错误,并解释为什么没有发送数据
  • 如果您看到数据被正确发送到 GA 但没有出现在那里,则很可能是 GA 配置错误,例如过滤器或有时将数据发送到错误的属性

  • 请记住分析/cookie 拦截器 您可能已经安装了阻止跟踪的。
  • 关于javascript - Google Analytics Enhanced Ecommerce Tracking/Analytics 无法通过 GTM 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62207708/

    相关文章:

    javascript - 需要从js文件引用Java全局变量

    javascript - 评估存储为字符串的 bool 条件

    php - 将 HTML 转换为 doc 和 docx 格式时的分页符 - PHP

    javascript - div 上的滚动条只有在超过 30 个元素时才会出现

    regex - 过滤Google Analytics API页面路径以不显示其他子目录

    spring - 使用 Spring Web 流跟踪 Google 广告系列

    javascript - Jssor 缩略图导航无法滑动/拖动

    javascript - 带有工具提示的 ExtJS 4.2.1 网格字段

    javascript - 下划线在鼠标悬停时展开

    google-analytics - 谷歌分析 : Real Time Reporting API and Filtering by Custom Dimension