We'll be with you in a second

We had not database breaches (although there were attempts)

Docly Child

ClickFunnels and RedTrack

Estimated reading: 6 minutes

ClickFunnels is an online tool for building high-converting websites and sales funnels

To integrate ClickFunnels with RedTrack act as follows depending on the type of integration and the funnel you have: 

This type of integration is usually used by the affiliates as Clickfunnels provides the landing page creation functionality. Below you can find how this can be done.

In RedTrack

1. Add your Offer and Offer source to RT.

2. Add the needed Traffic channel to RT.

3. Add a custom tracking domain.

4. Create a Campaign in RT.

5. Create a universal tracking script.

6. The landing page URL is to be taken from Clickfunnels.

In Clickfunnels

1. Go to the tab ClickFunnels-> Funnels-> choose the funnel:

2. On the Sales page click Edit page:

3. Go to Settings-> Tracking code:

4. Add the tracking script from your RT Campaign here:

The basic script can be taken from your RedTrack campaign settings -> Tracking links and parameters -> no-redirect script.
If you are using the universal tracking script instead, add it there as well.

A. For a regular CTA button use the landing page click URL.

It can be found in Landers -> Edit -> scroll down to the Click URL section.

B. For an image CTA

1. Add the Custom JS/HTML element:

2. Once it’s added, navigate to this element -> Settings:

3. Press Open code editor:

4. Paste the code of your picture in the following format, but replace the domain for /click URL link with your actual domain and add the actual image URL:
<a href=“https://trk.domain.com/click”><center><img src=“https://image.url/image-folder/Image1.jpg”></center></a>

Check out this video explanation on the Image issue.

A webhook integration can be useful if you are a direct advertiser or your flow is similar and you need Clickfunnels to fire the conversion data back to RedTrack. Check the steps below.

1.1 Your RedTrack account-> Tools-> Integrations-> Brands:

1.2 Clickfunnels url webhook -> copy your webhook:

1.3 go to your ClickFunnels account -> Click Funnels -> Funnels:

1.4 choose the funnel where you need to place the webhook:

1.5 Settings -> Webhooks -> Manage You Funnel Webhooks:

1.6 New Webhook:

1.7 fill in the form with the needed values and press Create Funnel Webhook:

Values to be added:
1. URL = Redtrack webhook URL (copied within step 1.2 of this guide)
2. Event = contact_created, purchase_created, purchase_updated
3. Version  = 1
4. Adapter = attributes
Important!
If you are creating a webhook for the first time in СlickFunnels, there may be an error. In case it pops up, do the following: 
1. Create a test webhook URL = your domain. Move it to the archive.
2. After that, create a webhook for RedTrack.
For more information on how to troubleshoot this error, please click here.

2.1 in your ClickFunnels account go to ClickFunnels -> Funnels:

2.2 choose the funnel -> Edit page button on the preview of the sales page you want to edit:

2.3 once you’re in, Elements -> Add element -> Form -> drag the Input element to the needed place on the form:

2.4 press Settings to edit the added element:

2.5 fill in the following fields in the Settings window and save the changes:

Values to be inserted:
1. Input Type  = Custom Type
2. Custom Type = rtclickid
3. Placeholder text = {clickid}
4. Required = Not Required
6. press the “Hide” icon

Follow this guide for more details.

This guide will help you.

This video and guide will help you.

Here is more info on the matter.

Once you’ve added your Website within step 3, a default Campaign for the unattributed traffic is automatically created for you. Your next step is to consider the following tracking scenarios:

Scenario 1: If you only need unattributed (aka organic) traffic, then this Campaign is enough for you and you don’t have to create any more Campaigns manually.

Scenario 2: If in addition to the unattributed traffic you also use several paid Traffic channels (like Facebook or Google or something else) you’ll need to add these Traffic channels first and then create a Campaign for each added channel. Thus you will have 1 Campaign for the unattributed traffic (created automatically within step 3) and another (or more in case of several Traffic channels) for the paid traffic. Use this guide to see how to create a Campaign in RT.

Your online shop will act as an Offer in most cases, so your Campaigns will have only this Offer in the Funnel.
Important preliminary steps! 
1. Follow this guide on how to integrate Google Tag Manager (GTM) with RedTrack and the steps below on ClickFunnels-related insights.

2. Universal tracking script was created for you automatically once you’ve added your Website (within step 3). To find it you should go to Tools-> Scripts:

7.2 create 2 types of Tags: 

  1. RedTrack Integration

Elements:

  • Tag  = Custom HTML
  • Triggering =  All Elements (All Clicks)

Script: 

<script type='text/javascript'>
function setFormClickIdValue(clickid) {
document.querySelectorAll('input').forEach(function(el) {
if (el.placeholder.indexOf('{clickid}')>-1) {
el.value = clickid
}
});
}
function getCookie(name) {
var value = '; ' + document.cookie;
var parts = value.split('; ' + name + '=');
if (parts.length == 2) return parts.pop().split(';').shift();
}
if (getCookie('rtkclickid-store') !== null && getCookie('rtkclickid-store') !== undefined && getCookie('rtkclickid-store') !== 'undefined') {
setTimeout(function(){
setFormClickIdValue(getCookie('rtkclickid-store'))
}, 3000)
}
</script>

2. RedTrack Universal

Elements of the Tag:

  • Tag  = Custom HTML
  • Triggering = All Pages (Page view)

Script:

Insert the universal tracking script which you generated within step 8 of this guide.

7.3 install GTM on the funnel in Clickfunnels.

7.3.1 go to the ClickFunnels -> Funnels -> choose the needed funnel:

7.3.2 once you’re in the funnel go to the Settings and scroll down a bit:

7.3.3 copy the script from GTM <head> script and place it in the box Head Tracking Code in ClickFunnels-> then copy the universal tracking script (it was created automatically and can be taken from Tools-> Scripts) and place it in the box Body Tracking Code in ClickFunnels and under this script place the GTM <body> script:

7.3.4 once the scripts are added, scroll down this page and press Save And Update Settings to apply the changes:

Here is the list of ClickFunnels events that can be added to RedTrack and easily mapped:
Lead – in this event ClickFunnels passes the conversion when the user has filled in and sent his contacts in the form;
Purchase – in this event, ClickFunnels sends the conversion when the user has paid for the purchase;
Upsell – in this event, ClickFunnels sends the conversion when the user paid for the upsell. This applies only to forms that ClickFunnels offers for upsells.

8.1 go to RedTrack -> Tools -> Conversion tracking -> Conversion type -> add the needed ClickFunnels events and press Save:

8.2 to match the events in RedTrack go to Tools-> Integrations-> Brands-> scroll down to the sections Clickfunnels event matching and match the events:

8.3 (optional) if the ClickFunnels supported are not enough for you, you can add more events via one of the 2 ways:

Please follow the steps in the guide Google Tag Manager integration with RedTrack.

1. In ClickFunnels go to the tab ClickFunnels-> Funnels-> choose the needed funnel:

2. On the needed Sales page click Edit page:

3. Go to Settings-> Tracking code:

4. Add this script to the page settings in the tracking code section:

Note!

Remember to change the tracking domain and the event type which you want to track:

<script>
function getCookie(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return parts.pop().split(";").shift();
}
var rtCookie = getCookie('rtkclickid-store')
//create request with its properties (you can add to the postback &type=transaction &status= &event= &sum= like in custom image postback)
var request = new XMLHttpRequest();
request.open("GET", `https://tracking.domain/postback?clickid=${rtCookie}&type=ViewContent`)
//optional - to read our response code :create callback for success containing the response
request.success = function(response) {
console.log(response);
};
//optional - to read our response code : and a fail callback containing the error
request.fail = function(error) {
console.log(error);
};
//and finally send it away
request.send();
</script>