Passing UTM parameters from Click Funnels to a Website

UTM parameters are tags that you can add to the URL.

When someone clicks the link, Google analytics receives the tag and tracks it.

You can use the tag to understand the behavior of the clients and gauge the efficiency of the campaign to drive more conversions.

The tool that I use for tracking UTM is Google’s tool called ga-dev-tools. You can set up the UTM for every click funnel of your choice through this tool.

However, UTM tracking does have some drawbacks to it.

The most significant problem is that when you set up click funnels and put the UTM tracking code on it, the code only works to a point.

Once the person is off the click funnel, by clicking on certain links on the page, the code does not transfer.

The links that do not carry the UTM parameters are the links to the main website, the terms and condition page link, contact us link, and more.

Google can still track the activity of the users, but you will not be able to fetch that data. It means that Google can even track the people who fall off the track, but still complete the goal and reach the thank you page.

As a marketer, the information that Google has is useful to you. Ideally, you need the information for better results in the future.

Now, there is no solution to the problem of UTM tracking falling off, but there is a workaround.

I asked my developer to create a code that will help retain the tracking tag when the user clicks on the links you have provided on the click funnel.

Copy the following code and paste it inside clickfunnels footer tracking code:

<script>
   var new_url = window.location.href;
   new_url = new_url.split("?");
   var url_for_a = new_url[1];
   new_url[0] = "https://bachelorvegas.com/"
   new_url = new_url.join("?");

   $(document).ready(function(){
      // Add your element ID here.
      $("#tmp_image-74443").click(function(){
      window.location.href = new_url;
    });
</script>

What is element ID?

In clickfunnels, each and every element have it’s unique ID, it’s used to apply custom styles to your element or target the ID through javascript e.g #tmp-123456. Check the following GIF, it will help you to get the element ID in just few clicks.

Now, just paste the Element ID inside your script. It will work like a charm.

What should i do, if i have more than 1 Element ID’s?

No worries, just separate the each with a symbol comma (,)

$(document).ready(function(){
   $("#tmp_image-74443, #tmp_image-744444, #tmp_image-744445").click(function(){
   window.location.href = new_url;
});

After comma, space is necessary or else it wouldn’t work.

That’s it, now you can easily trigger any element on click and pass the UTM parameters to your URL.

What if i want to pass the parameters to my HTML links?

Yes, you can do that by following method. First of all, add the following code under the last script you pasted.

<script>
   $(document).ready(function(){
      $(".update_all_links_sc a").each(function(){
      var current_url = $(this).attr("href");
      var new_url_for_a = window.location.href;
      var new_url_for_a_tag = "";
      if(new_url_for_a.includes("?")){
	   new_url_for_a = new_url_for_a.split("?");
	   new_url_for_a_tag = "?"+new_url_for_a[1];
      }
      $(this).attr("href",current_url+new_url_for_a_tag);
   });
</script>

Now open your clickfunnels editor and paste the class to your parent element. Check the following video on how to paste the class.

It will regenerate all anchor links inside your html code.

If you still have any issues, You can either ask your coder or mine ali.hussain85057@gmail.com to do the work for you.

This tracking has helped me get much better information on my clientele, and hence I thought of sharing it with you. Use the code to start tracking and improving today.

How to pass a parameter to clickfunnel button without HTML?

It is easy as well. Just grab the button ID and paste the ID inside Javascript. Make sure the Button action must be empty.

Check the video for instance:

Leave a Reply

>