Magento 1.9 – Implement Facebook Pixel addToCart with Ajax

facebookfrontendmagento-1.9

I implement the facebook pixel code on my magento store in the head section. I use this code snippet from github:
https://gist.github.com/rafaelstz/4dcaecae4318eb552b48

This snippet not works with my "add to cart" because I use Ajax. How I can trigger "fbq('track', 'AddToCart');" with ajax requests?

Best Answer

there is probably a js function that you call when adding a product to the cart.
You can add at the end of that function: fbq('track', 'AddToCart');

Related Solutions

Magento – Add Facebook’s Custom Audience Pixel Code into Magento

It depends upon what do you want to achieve, there are several ways you can do it in Magento. Either you can create a custom module or copy paste the given pixel tracking code in head.phtml or footer.phtml. Both these methods will install your custom audience pixel tracking on your Magento site.

If you chose latter, just make sure you add this in your custom theme instead of base theme because base theme will be overwritten with your next Magento upgrade.

But bear in mind that custom facebook audience pixel tracking does come with standard and custom events which is far more work than adding pixel tracking code in head or footer section of your Magento site. For more information regarding these events use the following link

https://developers.facebook.com/docs/ads-for-websites/tag-api

And if you are interested in implementing all the events, the below module can help you achieve this on your Magento store -:

http://www.scommerce-mage.co.uk/magento-facebook-conversion-audience-tracking.html

Hope it helps

Cheers S

Magento 1.9 – Adding New Facebook Pixel to

I would look at using google tag manager to handle this so when the script changes or you want to add more scripts to the site its all done in the one place.

If you still want to add the script yourself you should not use a js file and create a block instead:

<?xml version="1.0"?>
  <layout version="0.1.0">
    <default>
      <reference name="content">
        <block type="core/template" name="facebook.pixel" as="facebook.pixel" template="page/facebook-pixel.phtml" />
      </reference>
    </default>
  </layout>

and then in skin/frontend/{package}/{theme}/js/facebook.js add your js code.

Best Answer

Related Solutions

Magento – Add Facebook’s Custom Audience Pixel Code into Magento

Magento 1.9 – Adding New Facebook Pixel to

Related Topic