How to Track Facebook Purchase Conversion in ClickFunnels

Last updated on December 12th, 2019 at 10:37 am

One of the most popular tools to quickly create highly effective marketing funnels. No wonder why most of my clients are using ClickFunnels when selling products online.

One of the major problems based on my experience is the tracking system. It doesn’t have native integration like other platforms. You have to implement it on your own or with the help of a web developer. If you’re just selling one product the implementation is pretty straightforward, but most of the time the main checkout form has different variations that make the tracking difficult, simply because the conversion value can be dynamic.

Here, I’m going provide a very simple step-by-step tutorial on how to implement FB Pixel Puchase event with correct dynamic conversion value.

Requirements:

– Google Tag Manager
First you need GTM account, you can use your GMAIL account to create it. Just follow this steps on:
How to Create Google Tag Manager Account
Next, you need to implement your GTM to your ClickFunnels account.
– Here’s the Step-by-Step guide on How to Implement GTM to Clickfunnels.

If you already have GTM account, then skip the steps above.

– Facebook Pixel

Included Facebook Events:

• AddToCart
• InitiateCheckout
• AddPaymentInfo (Stripe only)
• Purchase

Awesome Features

– Support Stripe Gateway
– Support PayPal Gateway
– Support Any Type of Forms [ 1 step & 2 Steps ]
– Support Order Bump
– Super Easy Installation
– Use to all your Funnels [No Limit]
– You’ll get support from me.
– Pure Javascript [ jQuery not needed ]

Implementing Facebook Pixel via ClickFunnels

First Part

1. Login to your ClickFunnels Account
2. Select the Funnel where you want to add the Facebook Pixel Script.
3. Click Setting and paste the code in Header Tracking Section.

If you don’t know how to get the Pixel code. I wrote a simple steps on How to Get Your Facebook Pixel Code

4. Once done. Save your changes.

Note

* If you want to implement it inside GTM instead of ClickFunnels, all you need to do is unpaused the imported tag name facebook.pixel and replace the FB Pixel code, then publish your changes.

Needed GTM dataLayer

Second Part
Below is the needed dataLayer code that needs to be added to the following funnel: Order Form, First Upsell (OTO1) or if you don’t have OTO1 add it to the order confirmation page. Make sure to add the codes in the funnel Tracking Code section.

Order Form

Quick Guide on How to Add script on a Funnel.

First Upsell (OTO1)

Another required code, add this script on your first OTO page, again if ever you don’t have OTO1 page, then add this to your Order Confirmation/Thank You Page.

Add in Head Section of First OTO:

Import JSON File to Google Tag Manager

Third Part

All the needed scripts are on the JSON file that you need to import to your GTM account. This file won’t take a minute to import and once imported all the script will work accordingly.

Watch this on How to Import JSON to GTM

Note: You need to publish the GTM after importing the JSON file.

Troubleshoot

Debugging & Verifying Implementation

Facebook Pixel Helper

First thing first, we need to check if FB Pixel event is working properly. To test, you need to install Facebook Pixel Helper. It’s a chrome extension so you make sure you’re using Chrome browser to test.

Follow this Guide on How to Test Facebook Pixel events using Pixel Helper.

For UPSELL Tracking, click the link below:

– Tracking Clickfunnels Upsell Conversions using Facebook Purchase & Custom Conversion