通过Angular JS站点上的GTM增强电子商务标记

Question

我有一个拥有100％角度JS网站的客户端，我们已经通过GTM为他们设置了增强的电子商务标记。我们面临的挑战是，在角度JS站点上，数据层不会清除并刷新页面加载，因为它在技术上是一个页面站点（角度JS的本质）。因此，我们有以下情况：产品点击次数，添加到购物车等等都会重复，因为我们的增强型电子商务事件代码会针对这些操作触发，而我们的网页浏览标记（已设置为触发历史记录更改）已启用增强的电子商务功能，以便从数据层收集产品和促销印象，并且还从数据层获取产品点击，添加到购物车等数据，并将数据再次传送到GA。

有没有人对此类问题有任何经验，如果有，您开发了哪些解决方案？我发现增强的电子商务数据层代码和角度JS不能很好地协同工作，绝对可以使用一些帮助！

提前谢谢！

Answer 1

每次使用电子商务功能后，请务必通过以下方式重置dataLayer的电子商务分支：

dataLayer.push({'ecommerce': {}});

例如：

dataLayer.push({
   'event': 'checkout',
   'label': 'step 1',
   'ecommerce': {
      'checkout': {
        'actionField': {
            'step': 1
        }
     }
  }
});
dataLayer.push({'ecommerce':{}});

其他选项：在电子商务功能下，启用增强型电子商务功能并使用变量而不是数据层。这样你就不必重置它。