如何使用@redux-beacon/google-analytics让多个跟踪器工作？

Question

我在我的项目中使用redux-beacon和google-analytics来跟踪两个Google Analytics账户中的电子商务事件。由于并非所有数据都会在报告中通过，因此我尝试使用Google Analytics Debugger Chrome扩展来调试出错的地方。似乎所有的调用都抛出了一个“在未知字段上调用的集合：”customTrackerId“。”以前有没有人遇到过这个问题？

import {
  trackEcommProduct,
  trackEcommAction,
  trackPageView,
  trackEvent
} from '@redux-beacon/google-analytics';

export const CLIENT_TAG = 'client';

const getLocation = () => window.location.href;
const getPage = () => getLocation().split('#')[1];

export const clientPageView = trackPageView((action, prevState, nextState) => ({
  location: getLocation(),
  page: getPage(),
  title: action.title
}), CLIENT_TAG);

通过chrome扩展将事件粘贴到控制台spit上：

VM20555 analytics_debug.js:15 Executing Google Analytics commands.
VM20555 analytics_debug.js:15 Running command: ga("client.set", "page", "/product/4")
VM20554 app.ba606e9ace53a50ecd21.js:93766 CC client.
VM20555 analytics_debug.js:15 Executing Google Analytics commands.
VM20555 analytics_debug.js:15 Running command: ga("client.send", {hitType: "pageview", customTrackerId: "client", page: "/product/4", title: undefined, location: "http://localhost:3333/#/product/4"})
VM20555 analytics_debug.js:15 Set called on unknown field: "customTrackerId".
VM20555 analytics_debug.js:15 
Sent beacon:
v=1&_v=j76d&a=291005201&t=pageview&_s=1&dl=http%3A%2F%2Flocalhost%3A3333%2F%23%2Fproduct%2F4&dp=%2Fproduct%2F4&ul=es-es&de=UTF-8&dt=Here's%20a%20title%20from%20setting%3A%20frontoffice_title&sd=24-bit&sr=1440x900&vp=830x766&je=0&_u=SCCACEIJB~&jid=&gjid=&cid=709854029.1557150989&tid=UA-62066942-1&_gid=86805739.1559994923&z=310945797

Answer 1

谢谢你指出这一点。这看起来是我们这边的一个问题。trackPageView事件帮助器将customTrackerId属性添加到事件中，以允许我们使用给定的跟踪器id (或一组跟踪器id)进行命中。这个属性不需要存在于redux-beacon之外，所以我只是从任何传出事件中解析出它。我发布了一个新版本的google-analytics目标：

npm install @redux-beacon/google-analytics@1.2.2

试一试，让我知道它是否解决了你的问题！