Setting up Facebook Pixel Tracking if I’m using Chargebee Checkout (V3)

Modified on: Fri, 22 May, 2020 at 11:01 AM

Tracking Pixels are 1 x 1-pixel images that lets 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 (

      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:


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

  });

});


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.
×