Injetando parâmetros de uma URL de um Site dentro do iFrame desse Site (Avançado)

Já tentou manipular os parâmetros de URL de um iFrame, pelo site principal?

Imagine que você tem um site (Landing Page no nosso caso), e esse site tem uma URL, exemplo: https://meusite.com.br

Imagine que você tenha nesse site, um iFrame, para outro site, dentro dele. E esse iFrame está apontando para um video ou um formulário ou até outro site. Imagine que esse segundo site tenha o endereço https://segundosite.com.br

Ai, você ta fazendo seu marketing digital, e manda as pessoas para sua página usando parâmetros de UTM por exemplo, ficaria assim:

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

Como você faz para o seu iFrame, que tem a URL "https://segundosite.com.br" também herdar este mesmo parâmetro de ?utm_source=googleAds ????

Bom, assiste a video aula ai abaixo:

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);

Last updated