如何设置Facebook像素的“提交按钮”跟踪

8

我有一个正常工作的Facebook像素,可以跟踪我的网站的受众。

<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');


fbq('init', 'myID');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=myID&ev=PageView&noscript=1"
/></noscript>

好的,这个工作很顺利。现在我的问题是,如何设置这个代码,以便我可以跟踪:

  1. 网站受众(这已经可以了)
  2. 提交按钮上的点击次数

我还需要帮助在Facebook面板中创建自定义像素 (https://business.facebook.com/ads/manager/pixel/facebook_pixel/),因为我真的不知道选择哪个事件,也不知道获取该自定义像素的代码。

根据我的研究,您必须在上述像素代码中的某个位置插入 fbq('track', 'Lead'),但我仍然不知道如何将其链接到提交按钮,以及如何将所有这些数据传递给我的Facebook开发面板。

谢谢您的回答,Luka。


1
你目前尝试了什么?要在按钮点击时跟踪某些内容,你只需要使用JavaScript点击处理程序来触发fbq('track', 'CUSTOM_EVENT') - The1Fitz
我已经尝试了所有方法,但每一种都稍有不同...您的评论帮助我意识到,在FB像素管理面板中必须创建新的自定义事件,然后使用JS点击处理程序来触发该事件。所以:
  1. 我在管理面板中创建了一个名为“blabla”的新自定义像素。
  2. 我使用以下代码 onclick="fbq('track', 'blabla')" 现在它正在按照预期工作。感谢您的帮助。
- uberMoon
没问题!Facebook 提供了一组预定义事件,例如 ADD_TO_CART 等,但您可以创建自己的自定义事件,以满足您需要的任何目的。 - The1Fitz
1个回答

23

您可以通过在按钮内添加一个事件来实现这一点。由于您已经设置好并运行了基本代码,因此您只需要添加标准的事件代码:

<button onClick="fbq('track', 'Purchase');">Button Text</button>

如果您愿意,可以创建一个触发事件的函数:

<script>
function onClick() {
  fbq('track', 'Purchase');
};
</script>

然后调用它,在单击按钮时触发事件:

<button onClick="onClick()">Buy Now</button>

但是你如何在这里添加最近需要的参数 currencyvalue 呢? - rubo77

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接