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

时间:2015-11-19 15:46:12

标签: javascript html facebook tracking

我有一个工作的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. 点击提交按钮
  3. 我还需要帮助在Facebook面板(https://business.facebook.com/ads/manager/pixel/facebook_pixel/)中创建自定义像素,因为我真的不知道选择哪个事件,以及从哪里获取该自定义像素的代码。

    就我的研究而言,你必须在上面的像素代码中的某处插入 fbq('track','Lead'),但我仍然不知道如何链接提交按钮以及如何将所有这些数据发送到我的Facebook开发面板。

    感谢你的所有答案,卢卡。

1 个答案:

答案 0 :(得分:13)

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

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

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

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

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

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