Landing Page - Como Injetar Parâmetros de uma URL de LP em um iFrame da Mesma LP

Na SprintHub, você pode usar iframes na Landing Page, configurar e injetar parâmetros neles de maneira flexível.

---

Você já tentou manipular os parâmetros de URL de um iFrame a partir do site principal?

Imagine a seguinte situação: você tem um site (no nosso caso, uma landing page) com a URL https://meusite.com.br. Dentro dessa página, existe um iFrame que carrega o conteúdo de outro site, por exemplo https://segundosite.com.br — pode ser um vídeo, um formulário ou até outra página qualquer.

Agora, pense no cenário de uma campanha de marketing digital. Você divulga sua landing page usando parâmetros UTM para identificar a origem dos acessos, como neste exemplo:

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

A questão é: como fazer para que o iFrame, que está carregando https://segundosite.com.br, também receba esse mesmo parâmetro ?utm_source=googleAds na sua URL? Assim, o segundo site também conseguiria capturar a origem da visita.

Já pensou nisso? Vamos explorar como isso pode ser feito:

Segue abaixo o código do vídeo para você configurar na sua 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);