Hi Matthew!

We already spoke on the phone last week, but I just wanted to update the community with our answer. At this point in time, we don’t have any direct way to do this within the app - however - with a bit of javascript this should be achievable. We haven’t tested any solutions so far, but this should be feasible if you have a developer to build this out for your team. 

Is there a way you could provide an example on how this can be executed in javascript?  Thanks

+1

Hey guys, 

At this point I don’t have a script on hand that you could test out, but when I asked my dev team about it before they mentioned it should be possible (in theory) with a bit of javascript development. We don’t quite have the bandwidth to dig into this at this time, but if anyone in the Community is able to figure out a solution we would be happy to update this post. Hope this helps! 

Hi,

We did something similar. But instead of dynamically changing a button URL we changed an iFrame URL based on a UTM parameter.

The URL in the iFrame has the following format:

www.example.com/landingpage/ '-thedynamicpart-' /subpage

The script pulls the UTM parameter 'utm_affiliate' from the unbounce parent url and rewrites the URL of the iFrame (with id 'frame1'), so it now includes this value. I tried to adapt the script so that it works for a button url instead, but without any luck. I think it should be relatively easy though. Maybe someone else can help out...

Hi,

We did something similar. But instead of dynamically changing a button URL we changed an iFrame URL based on a UTM parameter.

The URL in the iFrame has the following format:

www.example.com/landingpage/'-thedynamicpart-'/subpage

The script pulls the UTM parameter ‘utm_affiliate’ from the unbounce parent url and rewrites the URL of the iFrame (with id ‘frame1’), so it now includes this value. I tried to adapt the script so that it works for a button url instead, but without any luck. I think it should be relatively easy though. Maybe someone else can help out…

function getURLParameter(name) {



  return decodeURIComponent((new RegExp('w?|&]' + name + '=' + '(+^&;]+?)(&|#|;|$)').exec(location.search)||.,""])h1].replace(/\+/g, '%20'))||null;



}







// Get the utm affiliate parameter



var utmAffiliate = getURLParameter('utm_affiliate');







// Get the iframe url



var iframeUrl = document.getElementById('frame1').src;







// Make sure the utm_affiliate param and the iframe url are existing



if (utmAffiliate !== null && typeof iframeUrl !== 'undefined') {



 



  // Pattern for finding the http(s)://-part in the URL



  var pattern = /(\b(https?:\/\/)(p-A-Z0-9+&@#\/%?=~_|!:,.;]*~-A-Z0-9+&@#\/%=~_|]))/i;







  if (pattern.test(iframeUrl)) {



    // Split the remaining URL at the '/'



    var urlParts = RegExp.$3.split('/');



 



    // Change the iframe affiliate with the utm param



    var removed = urlParts.splice(2, 1, utmAffiliate);



 



    // Generate the new URL



    var newIframeUrl = RegExp.$2 + urlParts.join('/');



 



    // Change the iframe URL



    document.getElementById('frame1').src = newIframeUrl;



  }



}

Hi,

We did something similar. But instead of dynamically changing a button URL we changed an iFrame URL based on a UTM parameter.

The URL in the iFrame has the following format:

www.example.com/landingpage/'-thedynamicpart-'/subpage

The script pulls the UTM parameter ‘utm_affiliate’ from the unbounce parent url and rewrites the URL of the iFrame (with id ‘frame1’), so it now includes this value. I tried to adapt the script so that it works for a button url instead, but without any luck. I think it should be relatively easy though. Maybe someone else can help out…

<br /> function getURLParameter(name) {<br /> &nbsp; return decodeURIComponent((new RegExp('w?|&]' + name + '=' + '(+^&;]+?)(&|#|;|$)').exec(location.search)||.,""])h1].replace(/\+/g, '%20'))||null;<br /> }<br /> <br /> // Get the utm affiliate parameter<br /> var utmAffiliate = getURLParameter('utm_affiliate');<br /> <br /> // Get the iframe url<br /> var iframeUrl = document.getElementById('frame1').src;<br /> <br /> // Make sure the utm_affiliate param and the iframe url are existing<br /> if (utmAffiliate !== null && typeof iframeUrl !== 'undefined') {<br /> &nbsp; <br /> &nbsp; // Pattern for finding the http(s)://-part in the URL<br /> &nbsp; var pattern = /(\b(https?:\/\/)(p-A-Z0-9+&@#\/%?=~_|!:,.;]*~-A-Z0-9+&@#\/%=~_|]))/i;<br /> <br /> &nbsp; if (pattern.test(iframeUrl)) {<br /> &nbsp;&nbsp;&nbsp; // Split the remaining URL at the '/'<br /> &nbsp;&nbsp;&nbsp; var urlParts = RegExp.$3.split('/');<br /> &nbsp; <br /> &nbsp;&nbsp;&nbsp; // Change the iframe affiliate with the utm param<br /> &nbsp;&nbsp;&nbsp; var removed = urlParts.splice(2, 1, utmAffiliate);<br /> &nbsp; <br /> &nbsp;&nbsp;&nbsp; // Generate the new URL<br /> &nbsp;&nbsp;&nbsp; var newIframeUrl = RegExp.$2 + urlParts.join('/');<br /> &nbsp; <br /> &nbsp;&nbsp;&nbsp; // Change the iframe URL<br /> &nbsp;&nbsp;&nbsp; document.getElementById('frame1').src = newIframeUrl;<br /> &nbsp; }<br /> }



 </pre><p>

This is a really crafty workaround. Great to see that you’re pushing the boundaries!

Hey Matt did you ever find a solution for this? I just posted a new thread looking for the same thing you were here.

I did but haven’t posted the jscript here. Sorry will do that tonight. Stay tuned!

Awesome, thanks so much!

can you paste the script? thanks in advance!