Eventos de Iframe

Os anunciantes podem acompanhar eventos nos seus anúncios. Esses eventos são geridos programaticamente diretamente no navegador do cliente com a ajuda de JavaScript.

Eventos

creativeDisplayed

Isto só está disponível para Intersticial de página inteira para desktop e Intersticial de página inteira para dispositivos móveis (DFPI/MFPI) campanhas de formato de anúncio com URL do iframe variação.

Quando o anúncio é apresentado ao utilizador, é enviada uma mensagem para o iframe chamada creativeDisplayed.

Pode acompanhar este evento dentro do seu iframe usando o script abaixo, que adiciona um listener de eventos para captar a mensagem enviada assim que o anúncio é apresentado ao utilizador.

<script>
        function readMessage(event) {
            console.log("evento readMessage");
            console.log("origem: " + event.origin);
            console.log("dados: " + event.data);
        }

        if (window.addEventListener) {
            // Para navegadores Web compatíveis com os padrões
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
</script>

Exemplo - Intersticial de página inteira

<!DOCTYPE html>
<html>
<head>
    <!-- PARTE DO EVENTO -->
    <script>
        function readMessage(event) {
            console.log("evento readMessage");
            console.log("origem: " + event.origin);
            console.log("dados: " + event.data);
            var message = "Recebemos a mensagem: '" + event.data + "' de '" + event.origin + "' (estamos agora no iframe do anunciante)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // ou seja, o anunciante quer atualizar algum elemento
        }
        if (window.addEventListener) {
            // Para navegadores Web compatíveis com os padrões
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FIM DA PARTE DO EVENTO -->
</head>
<body>
    <h1>Meu cabeçalho de iframe de teste</h1>
    <p>Meu parágrafo de iframe de teste</p>
    <p id="received-message">À espera da mensagem</p>
</body>
</html>

AnteriorA Biblioteca de Media SeguinteAd Serving de Terceiros

Última atualização há 2 meses

Isto foi útil?

<!DOCTYPE html>
<html>
<head>
    <!-- PARTE DO EVENTO -->
    <script>
        function readMessage(event) {
            console.log("evento readMessage");
            console.log("origem: " + event.origin);
            console.log("dados: " + event.data);
            var message = "Recebemos a mensagem: '" + event.data + "' de '" + event.origin + "' (estamos agora no iframe do anunciante)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // ou seja, o anunciante quer atualizar algum elemento
        }
        if (window.addEventListener) {
            // Para navegadores Web compatíveis com os padrões
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FIM DA PARTE DO EVENTO -->
</head>
<body>
    <h1>Meu cabeçalho de iframe de teste</h1>
    <p>Meu parágrafo de iframe de teste</p>
    <p id="received-message">À espera da mensagem</p>
</body>
</html>