javascript - 设置 Facebook 像素以在点击事件时触发

Question

我想将像素设置为在单击按钮时触发。 Facebook 优惠some info here做这件事，但我是一个 javascript 新手，无法弄清楚。人们如何使用该页面上的信息来更改下面的代码以在单击按钮时触发？这是基本代码片段:

<script>(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook.net/en_US/fbds.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(fbds, s);
_fbq.loaded = true;
}
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'MyPixelID', {'value':'0.01','currency':'USD'}]);
</script>

Answer 1

您只是缺少调用“触发”像素和按钮的函数...

Javascript:

function myButtonClicked(val, curr) {
  //Do your thing
  window._fbq.push(['track', 'MyPixelID', {'value':val,'currency':curr}]);
}

还有按钮:

<button onClick="myButtonClicked(val, curr);" />

或者样式看起来像按钮的链接:

<a href="javascript:myButtonClicked(val, curr);">Text</a>

然后，根据评论继续:

<a href="http://example.com" onclick="myButtonClicked(val, curr);">Text</a>

注意:在上面的行中，首先处理 onclick，然后由于没有以任何方式取消传播，因此执行 href 导航。