Facebook Pixel Integration

The Meta pixel or Facebook pixel is a code that allows you to track visitor activity, track sales and more on your website. This is a super powerful tool simply because  Meta Ads are really highly effective in driving traffic to your site. Hence, it makes absolute sense to use this tool. Installing Meta pixel would give you a better insight into your Meta ad campaign results, and you’ll be able to quickly create remarketing audiences.

Covered in this article

Conversion API-Based Pixel Integration

To get the pixel ID, open your Meta Events Manager page and then click on 'Connect Data Sources' to create a new one or click on 'Data Sources' to see the list of existing data sources. Refer to the below screenshot:

If you are going to create a new data source, you have to select 'Web' as a data source, refer to the below screenshot:

After the data source selection, give it a name and then click on 'Create Pixel'.

After entering the pixel name, enter the website URL that you plan to use for your ads. 

Now click on continue and then a new prompt will ask you to select how you want to connect website.

Always select 'Conversion API and Meta Pixel', because this is going to be one of the major decisions for tracking web activity from both the client and the server point of view '. If you select 'Meta Pixel only', this will only send events from the browser which might be blocked by browsers or browser-based ad blockers and thus lead to incorrect tracking data.

Now, this prompt will introduce you to the Conversation API or sometimes it's known as Enhanced Conversion API. You can safely close this window.

Congratulations, you have successfully created a new data source on Meta Events Manager. The next step is to configure it for event tracking from the browser as well as the server.

Configure Events and Parameters on Data Source

Let's configure events (and their parameters), and get pixel code, a token that you would need to save on the Knorish dashboard. To complete this open the 'Settings' tab and scroll down to find the 'Pixel ID' and 'Set up manually' sections.

Once you scroll down on the settings tab, you will see the 'Set up manually' section.

 

Earlier we got Pixel ID (that is pixel code), now let's click on 'Generate access token' to generate an access token.

Now click on the 'Get Started' button inside the 'Set up manually' section, this will open a new window. Click on the continue button.

Now you are on the 'Select Events' step, where you need to select 3 events for Conversion API that is server-side tracking and click on the 'Continue' button.

Once you have selected the 'Initiate Checkout' and 'Purchase' events, now you need to select exact common parameters (Event ID, Client IP Address, Client User Agent, Email and Browser ID) for all three events. Once you complete the parameter selection for all three events, you will see the 'Continue' button enabled. Click on the 'Continue' button.

Now you can see all your events selection and their parameters. Now click on the 'Continue' button and then click on 'Finish' on the next screen.

One last thing, for testing purposes only, we would need 'Test event code', which you can get from the 'Test event' tab.

Testing events from the Knorish checkout process

Open the Knorish dashboard Settings > Integrations > Marketing tab and save details from your notepad.

For testing, you would need:

• Pixel ID (also known as pixel code)
• Access token (Conversion API)
• Test event code

For production payload, you would need:

• Pixel ID (also known as pixel code)
• Access token (Conversion API)

Please note to remove the 'Test event code' and click on save on the Knorish dashboard for production payload and when going live.

Now sell a course or bundle either using regular checkout or express checkout on Knorish and you will see data being logged on the 'Test events' tab.

Once you completed your testing, remove the 'Test event code' from the Knorish dashboard and save it.