Tracking Pixels are 1 x 1-pixel images which let you track the actions of your visitors on your website and measure the conversion.

 

To set this up, you need to:

  1. Setup Facebook Pixel Tracking on your website 

  2. Enable Facebook Pixel Tracking in Chargebee


Step 1: Setup Facebook Pixel Tracking on your website 

  • Log in to your business account on Facebook and navigate to the Pixel tab under Event Manager 

  • Click Create a Pixel 

  • Fill in information about the pixel and click Create

  • In the pop-up window that follows, choose the option Manually Install Code Yourself 


  • The subsequent screen will give you the code you need to integrate with your business website. Here’s how it’s done:

    • Locate the header section in your webpage code (<head> </head> tags)

    • Copy the pixel code from Facebook and paste it within the header 




Step 2: Enable Facebook Pixel Tracking in Chargebee


In Checkout v3, you can enable Facebook Pixel Tracking following one of these approaches:


1. If you are using Drop-in Checkout

  • Go to Setting → Configure Chargebee -→ Checkout & Self Serve Portal → Advanced Settings

  • Add your site domain in the whitelisted domains section

  • In drop-in header script, include the data-cb-fbq-enabled="true" attribute 


Sample:

<script src="https://js.chargebee.com/v2/chargebee.js" data-cb-site="your-site" data-cb-fbq-enabled="true">

</script>


2. If you have integrated via Chargebee Checkout API

  • Go to Setting → Checkout & Self Serve Portal → Advanced Settings

  • Add your site domain in the whitelisted domains section

  • While initializing Chargebee instance, pass the enableFBQTracking parameter with value as true


Sample:

$( document ).ready(function() {

  var chargebeeInstance = Chargebee.init({

    site: "your-site",

    enableFBQTracking: true

  });

});