Landing Page - How to Inject Parameters from an LP URL into an iFrame of the Same LP

In SprintHub, you can use iframes on the Landing Page, configure and inject parameters into them in a flexible way.

---

Have you ever tried to manipulate the URL parameters of an iFrame from the main site?

Imagine the following situation: you have a website (in our case, a landing page) with the URL https://meusite.com.br. Inside that page, there is an iFrame that loads the content of another site, for example https://segundosite.com.br — it can be a video, a form, or even any other page.

Now, think about the scenario of a digital marketing campaign. You publicize your landing page using UTM parameters to identify the source of visits, like in this example:

https://meusite.com.br?utm_source=googleAds

The question is: how do you make the iFrame, which is loading https://segundosite.com.br, also receive that same parameter ?utm_source=googleAds in its URL? This way, the second site could also capture the source of the visit.

Have you thought about that? Let's explore how this can be done:

Below is the code from the video for you to configure on your Landing Page:

var search = window.location.search;

var url1 = 'https://site1.com.br'+search;
var url2 = 'https://site2.com.br'+search;

document.getElementById('if1').setAttribute('src', url1);
document.getElementById('if2').setAttribute('src', url2);