如何將 Facebook Pixel 的事件添加到 React 站點中的按鈕？

Question

我希望像素將單擊按鈕注冊為事件管理器中的“潛在客戶”。
我只能通過在 React 內部的代碼中做一些事情來添加這個事件。 我無法使用“事件設置工具”。
像素是在我的 React 站點中的“index.html”文件中設置的，並且只記錄站點訪問。
Facebook 開發者網站上的說明似乎僅適用於非 React 風格 Javascript 的 html。

這是我嘗試過的。

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

我的表單位於導入到另一個頁面的組件中，因此我不確定是否必須在組件或頁面中的某個位置導入“fbq”。 就像我說的那樣，我一直將 Pixel 放在 index.html 中，並且不知道如何在 React 的其他任何地方處理它。

我無法使用“事件設置工具”，因為我的客戶沒有將我添加為管理員，但網站上有一個工作像素。

Answer 1

您可以通過 window 參考訪問 window 變量

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