Last updated on December 12th, 2019 at 10:56 am
Bringing It All Together to Track Most Important Conversion You Need to Scale Your Business!
ClickFunnel is an awesome platform when it comes to selling products online. It simply works! With proper sales page composition, the right content and funnel flow, you can have your very first success in the online selling business.
But success always comes with an efficient and reliable tracking system on your funnel, without tracking script & pixel you won’t be able to survive your business in a long run and that’s really a fact!
I decided to create a solution to this problem because of hundreds of my previous clients on Upwork are having the same problem with the tracking pixel on ClickFunnels. Now, I made it easier for all of ClickFunnels users.
My goal is simple, to HELP and to EARN. I’m John Dela Torre and you can find more about my work here:
John D’s Upwork Profile
Ultimate ClickFunnels Tracking Scripts
With Ultimate CF Tracking Script, you will have Google Analytics Enhanced Ecommerce, Facebook Events/Purchase Conversions, Google Ads Conversions.
Google Analytics Ecommerce
Track all the transactions including Upsells/Downsells inside Google Analytics E-commerce Data. (Future update: Checkout Behavior and Shopping Behavior)
Capture all necessary Facebook E-commerce Events easily. Includes, ViewContent, AddToCart, InitiateCheckoout, AddUserInfo, AddPaymentInfo, & Purchase. (Note: AddPaymentInfo and InitiateCheckout only works if the Credit Card Fields are not in the IFRAME)
Google Ads/Adwords
Track Google Ads Purchase Conversions.
For Future Updates
Step by Step Implementation Guide
The Implementation is pretty straight-forward. Everyone can follow even those who don’t understand coding or how the script works.
First Part
Add Cookies Script
Cookies is the main script needed for the entire script to work. Just add this on the very first line of the Head Section Script under Settings.
Install Google Tag Manager to your ClickFunnels
If you don’t have it yet, follow this step-by-step guide on How to Implement GTM to ClickFunnels.
Default Funnel Setting
Add this script below and make sure you modify the value of cfname, brand, & category with your own preferred value.
It’s required data for Google Analytics Ecommerce/DataStudio Reporting.
1. Go to your funnel and click SETTING
2. In Head Section, Copy and Paste the script below and replace the data with your own data.
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) and other OTO pages. Make sure to add the codes on 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, 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:
If you don’t have anymore upsell or downsell to track, then your done, else continue reading for the next guide for OTO2 and more. Remember you can track any numbers of upsells/downsells you want. There’s no limit to it. Just make sure you follow below instructions carefully.
Tracking Upsell or Downsell Purchases
To be able to track each Upsell or Downsell Purchases. You have to add this script below to every OTO pages.
This is a required script that sends information to the GTM script when someone purchases an upsell product.
All you have to do is change the value of below script to your actual upsell product data value.
If you’re wondering why we can’t automate the upsell data, simply because it’s unique to every funnel and the trigger of purchase is only a BUTTON that doesn’t contain the product data. That’s why we need to define each product as shown below.
Example: For Upsell 1
- otopurchase – define the type of upsell. Use up1 if it’s for upsell 1.
- upname – the product name you want for upsell
- upprice – price of upsell product. (remove currency symbol)
- upsku – upsell SKU ID. (You can use the actual one or just create a pre-defined sku.
- upqty – and quantity value. e.g 1
Most importantly, you need to define the selector ID of the BUY BUTTON (CTA)..
Multiple Instance of Single Upsell Button or Text
Sometimes there are multiple CTA for one product on an Upsell page. All you have to do to capture all Purchase Button is to add all the selector ID to your script like shown below [Line 4]. You can add multiple IDs. Notice the comma on each ID Selector?
Multiple Products In An Upsell Page
Another scenario, there are times that you have multiple different Products in one upsell page. To be able to track each product accordingly, you need to duplicate the OTO Product Data script and make sure to update the data like shown below:
Add as many as you need as long as the data of each product is updated properly.
Track Other Upsells 2, 3, and so on and so forth
Now that you know how to track upsells. Tracking Upsell 2,3,4 and more OR Downsell 1,2,3 and more is pretty easy. You can track as many as you want just by repeating the steps I provided.
You only need to include the script below on the Head Section of all Upsell or Downsell including Order Confirmation page.
And ofcourse, excluding (Except Upsell 1)
and most importantly, you need to add the OTO Product Data on Footer Section of Tracking Code. Just repeat how I added the product data on Upsell 1 Tutorial: Tracking Upsell or Downsell Purchases
Import JSON File to Google Tag Manager
Finally, all the needed script 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.
Click Here to Learn How to Import JSON to GTM
Just imagine how you can easily do this stuff to all other funnels you have. You will no longer hire someone to do this for you again. You save money and it simply works like no other script out there!