Disable clkn Wrapper

Hi Andi,

Curious to know why you would need this ability. 🙂

Mark

Hi Folks! 
There isn’t any way to disable the  clkn wrapper at this time, as we use those clkn and clkg wrappers to keep track of stats for links and then use a 300-redirect once the appropriate count is fired back to Unbounce. Can you let us know if you’re running into any issues with these wrappers and reaching your goal? 

Thank you! This was just what I needed also for integration with CallRails to work.

Hi Justin, I know your post was from a year ago but I just wanted to mention that the clkn wrapper does disrupt cross-domain Google analytics tracking.

Hi Adam, I’ve used a custom script to remove the clkn wrapper which solved the issue with GA tracking & conversions. However, you won’t be able to track Unbounce conversions. For us, this was not an issue since we simply set up conversions through GA.

(Remove the --s from the script below)

<–script–>
lp.jQuery(function() { (‘a[href]’).each(function(){
(this).attr('href', (this).attr(‘href’)
.replace(/clk(n|g)/https//, ‘https://’)
.replace(/clk(n|g)/http//, ‘http://’)
.replace(/clk(n|g)/tel//, ‘tel:’));
});
});
<–/script–>

Got this script to work, Amazing.

Hey Andy,

The way that external links in Unbounce are formatted will essentially always have the clkn/clkg wrapping and unfortunately there is no way to remove them, as it’s built-in through the app back end.

You could add the links within the page using our Custom HTML tool, but that would require you to build the link as HTML with all of the styling of the text being done with HTML coding. You can read up on how to use that tool here: http://documentation.unbounce.com/hc/en-us/articles/203879070#content10.

Otherwise, I’m afraid there is no other way to have links in Unbounce without our link formatting.

I’ll be sure to update this post if another workaround comes across my desk!

Hi @Andy2,

Just out of curiosity, if you are already using GTM/GA for tracking why can’t you afford to lose tracking of conversions in Unbounce.

GA can give you a lot more data to work with than the Unbounce reporting you get.

Best,
Hristian

Hi @Andy2,

Unfortunately, if you remove the wrappers from the links you will lose tracking through Unbounce.

However, I would still highly recommend using GA for any test check ups or post test analysis. The granularity of data you can get from GA is light years ahead of anything else.

To make it easier you can setup custom reports/dashboards or do a quick Google Data Studio report.

Best,
Hristian

There were some little issues with the script; here’s a fixed version. If it doesn’t work, open the console and fix any errors it gives.

<script>
lp.jQuery(function() { $('a[href]').each(function() {
	$(this).attr('href', $(this).attr('href')
	.replace(/^\S*clk(n|g)\/https\//gi, 'https://')
	.replace(/^\S*clk(n|g)\/http\//gi, 'http://'));
	});
});
</script>

Thanks for this updated one! Extremely useful for a website caching issue we were having forwarding to /wp-content/ PDFs with /clkn/ parameters 🙂

If you don’t want to remove Unbounce’s conversion tracking, there is a solution if you use Google Tag Manager. See this article https://www.simoahava.com/analytics/decorate-links-decorate-forms-tags/. Apply the GA tag with the Decorate Link track type, then use a trigger that only applies to clicks on an unbounce page. You could use a trigger type of Link Clicks, then apply only to some links when the gtm.elementUrl matches regex ((.*)\/clkn\/http\/(.*))|((.*)\/clkn\/https\/(.*))|((.*)\/clkg\/https\/(.*))|((.*)\/clkg\/http\/(.*)). This will decorate all outbound links on Unbounce pages.

If the button has a tel instead of https you would need to update the script to search for that string instead.

Try this if you are using a tel link. You may need to make some changes to the replace function below, but this should get you started.

<script>
lp.jQuery(function() { $('a[href]').each(function() {
	$(this).attr('href', $(this).attr('href')
	.replace(/^\S*clk(n|g)\/https\//gi, 'https://')
	.replace(/^\S*clk(n|g)\/tel\//gi, 'tel:')
	.replace(/^\S*clk(n|g)\/http\//gi, 'http://'));
	});
});
</script>