redux-beacon:未触发增强型电子商务操作

redux-beacon: enhanced ecommerce actions not being fired

我正在使用 redux-beacon 来管理 google 分析增强型电子商务操作。我注意到的是页面浏览事件被很好地触发,但增强的电子商务操作没有被发送。就像它们存储在数据层中但没有触发网络请求一样。我是增强型电子商务跟踪的新手,所以我可能遗漏了什么?

例如,这里有查看产品时触发的事件:

export const analyticsEcommerceProduct = trackEcommProduct((action) => {
  const { product } = action;
  return {
    id: product.id,
    name: product.title,
    category: product.type
  };
}, CLIENT_TAG);

export const analyticsEcommerceAction = trackEcommAction((action) => {
  const { actionType, id, revenue } = action;
  return {
    actionName: actionType,
    id,
    revenue
  };
}, CLIENT_TAG);

添加到我的 eventMap:

const eventsMap = {
  CLIENT_ANALYTICS_PAGEVIEW: clientPageView,
  CLIENT_ANALYTICS_ECOMM_PRODUCT: analyticsEcommerceProduct,
  CLIENT_ANALYTICS_ECOMM_ACTION: analyticsEcommerceAction
};

const middleware = createMiddleware(eventsMap, GoogleAnalytics(), GoogleTagManager());

现在,当我登陆产品页面时,analyticsEcommerceProductanalyticsEcommerceAction 事件按预期触发,但没有网络请求发送此信息:

我需要添加的数据 'send' 是否有某种事件?

Is there some sort of event to 'send' the data that I need to add?

是的,我相信是这样。在阅读 Google 此处提供的示例时:https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce,看起来电子商务操作设置元数据将与下一个事件或页面浏览一起发送。每个示例都以 ga('send', 'pageview'); 或事件调用结束,例如:

ga('send', 'event', 'Checkout', 'Option', {
     hitCallback: function() {
       // Advance to next page.
     }
  });

我会尝试转到一个新页面并检查在那里进行的调用,看看它是否包含您需要的数据。如果是这样,我会想办法让 redux-beacon 用户更容易做到这一点。至少我认为一些 documentation/tips 是合适的。一如既往,我对 suggestions/pr 持开放态度。