I want to set up a pixel to fire when a button is clicked. Facebook offers some info here on doing this very thing, but I am a javascript novice and can't figure it out. How does one use the info on that page to alter the code below to fire on a button click? Here is the base code snippet:

<script>(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook/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>

I want to set up a pixel to fire when a button is clicked. Facebook offers some info here on doing this very thing, but I am a javascript novice and can't figure it out. How does one use the info on that page to alter the code below to fire on a button click? Here is the base code snippet:

<script>(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook/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>

• javascript
• jquery
• facebook
• onclick

Share Improve this question Follow asked Nov 5, 2014 at 3:12 powerdownpowerdown 4722 silver badges99 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

You're just missing the function to call which "fires" the pixel and the button...

Javascript:

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

And the button:

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

Or a link styled to look like a button:

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

And, continuing on per the ments:

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

Note: In the line above, the onclick is processed first, then since propagation is not cancelled by any means, the href navigation executes.