Como implemento o Google Tag Manager em um site que usa IFRAME ?

O que você irá aprender?

    A idéia desse post veio de uma duvida la do youtube de um aulão que fiz sobre Google Tag Manager, da uma olhada na dúvida:

    O que é um "iframe" ?

    > Por definição um iframe é uma tag HTML representa um contexto de navegação aninhado, efetivamente incorporando outra página HTML para a página atual. > Fonte: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/iframe?utm_source=metricasboss&utm_medium=post

    Ou seja, uma tag iframe carrega dentro de um site um outro site trazendo todo o corpo de seu documento para dentro desse documento principal que normalmente chamamos de "root".

    Como instalar o Google Tag Manager nesse caso?

    Normalmente indicamos a instalação do Google Tag Manager nesse documento "root", é extremamente proibido nesse caso instalar o Google Tag Manager dentro dos dois documentos, beleza?

    Ou você implementa dentro do root, ou dentro do iframe, instalar nos 2 vai gerar duplicidade de todas as requisições realizadas dentro do Google Tag Manager bons indicativos disso são taxa de rejeição muito baixa, e auto referência nos relatórios. Então fica de olho ;)

    Como funciona o processo de comunicação entre iframe e o root?

    Vamos imaginar o seguinte cenário, você tem um site que tem um formulário dentro dele, para um usuário comum não existe algo que deixe explicito que esse formulário esteja dentro de um iframe. Porém, no código facilmente conseguimos identificar da uma olhada nesse código.

    
    
    
    
        
        
        <title>Este é o index</title>
    
    
        
    
    

    Percebeu que dentro da tag existe uma declaração de um elemento

    WhatsApp