Reactjs 如何在一个组件内使用多个ReactPixel.track（'；abc'；）？

我有一个组件，必须在其上添加两个像素轨迹（“abc”）和 ReactPixel.track（'cba'），如何实现这一点？我需要只添加一个ReactPixe.init（'id'）还是两个？下面是一个代码示例：

componentDidMount() {
  const options = {
    autoConfig: false,
  };



  ReactPixel.init('123123', options);
  ReactPixel.pageView();
  ReactPixel.track('abc');
  ReactPixel.track('cba');

}

---

您不需要在每个页面上添加多个React init。 只需将其添加到App.js（如果您使用CreateReact应用程序）。 *你应该在使用它之前启动它

ReactPixel.init('123123', options);

如果你需要获取整个应用程序的页面浏览详细信息，你需要在入门级使用下面的code.function。（我更喜欢在init函数之后）

没有魔法。它只是调用Facebook提供给你的相同功能<代码>fbq（“轨迹”、“页面视图”）

您可以在函数中使用轨迹代码。例如，注册成功后，您可以创建此曲目代码

ReactPixel.track('abc',{#data object goes here});

这就是Facebook给出的例子

fbq('track', 'Purchase',
  // begin parameter object data
  {
    value: 115.00,
    currency: 'USD',
    contents: [
      {
        id: '301',
        quantity: 1,
        item_price: 85.00
      },
      {
        id: '401',
        quantity: 2,
        item_price: 15.00
      }],
    content_type: 'product'
  }
  // end parameter object data
);

您可以像这样对

包装器使用相同的函数

ReactPixel.track('abc',{#data object goes here});

跟踪自定义事件

您可以通过调用pixel的fbq（“trackCustom”）函数来跟踪自定义事件，自定义事件名称和（可选）JSON对象作为其参数。与标准事件一样，您可以在网页的打开和关闭标记之间的任何位置调用fbq（“trackCustom”）函数，无论是在页面加载时，还是在访问者执行类似于单击按钮的操作时

例如，假设您希望跟踪共享促销的访客以获得折扣。您可以使用如下自定义事件跟踪它们：

您可以像这样使用react包装器跟踪自定义事件

ReactPixel.trackCustom(#title_of_event,#data_object);

如果您需要更多地了解此
的功能，请使用facebook pixel
。您可以阅读软件包的代码。

Facebook文档：

fbq('trackCustom', 'ShareDiscount', {promotion: 'share_discount_10%'});

ReactPixel.trackCustom(#title_of_event,#data_object);