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

时间:2018-07-01 09:49:00

标签: google-analytics enhanced-ecommerce redux-beacon

我正在使用redux-beacon来管理Google Analytics(分析)增强型电子商务操作。我要注意的是,网页浏览事件已被正常执行,但增强型电子商务操作未发送。就像它们存储在数据层中一样,但是没有触发网络请求。我是增强型电子商务跟踪的新手,所以也许我错过了一些东西?

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

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事件正在按预期触发,但是没有发出网络请求来发送此信息:

enter image description here

是否存在某种事件来“发送”我需要添加的数据?

1 个答案:

答案 0 :(得分:1)

  

是否存在某种事件来“发送”我需要添加的数据?

是的,我相信。在阅读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用户更轻松的方法。至少我认为一些文档/提示是适当的。和往常一样,我愿意接受建议/公关。