Click Funnels Tracking

Scripts to track Click Funnels pages in Funnelytics

Click Funnels Setup Instructions

Get your base script from project settings

Each project has it's own script in "Project Settings"

The script will look like this:

<script type="text/javascript"> (function(funnel) { var insert = document.getElementsByTagName('script')[0], script = document.createElement('script'); script.addEventListener('load', function() { window.funnelytics.init(funnel, false); }); script.src = 'https://cdn.funnelytics.io/track.js'; script.type = 'text/javascript'; script.async = true; insert.parentNode.insertBefore(script, insert); })('YOUR PROJECT ID'); </script>

Just be sure to replace YOUR PROJECT ID with your actual project ID.

Install the base script into the global BODY TRACKING CODE field

Each funnel has global settings that will be applied to every step in the funnel. Adding the script to this one field will add it to every step.

In addition to the base script, add the contents of the master_script.js to the body tracking code.

You can use this script to call the repository with a CDN jsDelivr.

<script src="https://cdn.jsdelivr.net/gh/Stockotaco/clickfunnels-tracking@v1.0.0/master_script.min.js"></script>

Declare a pageType on each step of the funnel in the head

Every page needs to have a pageType declared.

Optin pages need to have a formTitle declared as well.

Declare the page type on each corresponding page:

<script>
let pageType = "single-step"
</script>

<script>
let pageType = "multi-step"
</script>

<script>
let pageType = "addon"
</script>

<script>
let pageType = "addon-multiple"
</script>

On an optin page, decalare the pageType and formTitle

<script>
let pageType = "optin"
let formTitle = "YOUR FORM TITLE"
</script>

single-step represents an order form page where the user inputs all the required fields in a single form.

multi-step represents an order form page where the user inputs their contact details on one form but their billing details on a different form. Both forms are on the same page though. In Funnelytics you can have 1 action that represent the optin on the first step, and another action that represents the purchase of the main product with/without the bump.

optin represents a page where the user submits a form but no payment or checkout information is taken. The way to define these in a Funnelytics advanced action is by adding the formTitle that you declared earlier.

addon represents a page that is either an upsell or downsell and only 1 product can be purchased. There can be 2 different products on the page but they cannot be purchased simultaneously. It's either one or the other.

addon-multiple represents a page that is either an upsell or downsell and multiple products can be purchased simultaneously. This is not common. The way to define these in a Funnelytics advanced action is by specifying the productId.

Funnelytics Setup Instructions

Map all the steps out onto the canvas

Here's an example of a funnel that has:

1. A multi-step order form
2. 2 one-time offer (OTO) pages
3. 2 Downsell offers

Refer to this document on how to configure each setting individually in Funnelytics:

https://docs.google.com/spreadsheets/d/1VKRQ3Af18hlml-urb84tFj8FewuERlQqzOtgutvyxBI/copy?usp=sharing