Question

我正在尝试在Gatsbyjs网站上找到一种方法，以在访客提交联系表时添加自定义Facebook像素转换。即使使用Facebook像素文档也无法弄清楚。

我正在使用的插件-https://github.com/gabefromutah/gatsby-plugin-facebook-pixel

我需要跟踪的事件是：

publishing{}

这是通过单击联系表单上的按钮来实现的最佳方法吗？如果是这样，如何添加它？

任何帮助将不胜感激。谢谢

Answer 1

此插件（gatsby-plugin-facebook-pixel）仅在生产版本（即gatsby build && gatsby serve）中有效，也许这就是为什么您看不到任何跟踪信息的原因？

听起来您只想跟踪成功提交？如果是这样，您可能希望避免仅单击跟踪按钮，而要跟踪接收到提交之后的情况。例如，如果您使用提取来发送数据，则可能看起来像这样：

const submitHandler = (data) => fetch(url, { 
  method: 'POST', 
  body: JSON.stringify(data)
})
  .then(res => res.json())
  .then(res => {
    if (res.ok) {
      fbq('track', ...)
    }
  })
  .catch(err => ...)

在gatsbyjs上的Facebook像素表单提交跟踪

1 个答案: