如何在 React 中将 Facebook Pixel 的事件添加到我网站中的按钮？

Question

我希望像素在事件管理器中将按钮点击注册为 'lead'。
我只能通过在 React 中的代码中做一些事情来添加这个事件。我无法使用 'Event Setup Tool'.
该像素设置在我的 React 站点的 'index.html' 文件中，并且只记录站点访问。
Facebook 开发者网站上的说明似乎只适用于 html 非 React 风格 Javascript。

这是我试过的。

<a href="/#"><input className="subm_button" onClick="fbq('track', 'Lead');" type="submit" value="Submit"/></a>

我的表单位于导入到另一个页面的组件中，所以我不确定 'fbq' 是否必须导入组件或页面中的某处。就像我说的，我总是把 Pixel 放在 index.html 中，不知道如何在 React 的其他地方处理它。

我无法使用 'Event Setup Tool'，因为我的客户没有将我添加为管理员，但网站上有一个可用的像素。

Answer 1

您可以通过 window 引用访问 window 变量

<a href="/#"><input className="subm_button" onClick={e => window.fbq('track', 'Lead');} type="submit" value="Submit"/></a>

如何在 React 中将 Facebook Pixel 的事件添加到我网站中的按钮？

How can I add an event for the Facebook Pixel to a button in my site in React?

javascript

event-tracking

reactjs