Eventos de iframe

Los anunciantes pueden rastrear eventos en sus anuncios. Estos eventos se gestionan programáticamente directamente en el navegador del cliente con la ayuda de JavaScript.

Eventos

creativeDisplayed

Esto solo está disponible para Interstitial de página completa para escritorio y Interstitial de página completa para móvil (DFPI/MFPI) campañas de formato de anuncio con URL del iframe variación.

Cuando el anuncio se muestra al usuario, se envía un mensaje al iframe llamado creativeDisplayed.

Puedes rastrear este evento dentro de tu iframe usando el siguiente script, que agrega un detector de eventos para capturar el mensaje enviado una vez que el anuncio se muestra al usuario.

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

        if (window.addEventListener) {
            // Para navegadores web compatibles con los estándares
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
</script>

Ejemplo - Interstitial de página completa

<!DOCTYPE html>
<html>
<head>
    <!-- PARTE DEL EVENTO -->
    <script>
        function readMessage(event) {
            console.log("evento readMessage");
            console.log("origen: " + event.origin);
            console.log("datos: " + event.data);
            var message = "Recibimos el mensaje: '" + event.data + "' de '" + event.origin + "' (ahora estamos en el iframe del anunciante)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // el anunciante de ie quiere actualizar algún elemento
        }
        if (window.addEventListener) {
            // Para navegadores web compatibles con los estándares
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FIN DE LA PARTE DEL EVENTO -->
</head>
<body>
    <h1>Mi encabezado de prueba del iframe</h1>
    <p>Mi párrafo de prueba del iframe</p>
    <p id="received-message">Esperando el mensaje</p>
</body>
</html>

AnteriorLa biblioteca multimedia SiguienteAd serving de terceros

Última actualización hace 2 meses

¿Te fue útil?

<!DOCTYPE html>
<html>
<head>
    <!-- PARTE DEL EVENTO -->
    <script>
        function readMessage(event) {
            console.log("evento readMessage");
            console.log("origen: " + event.origin);
            console.log("datos: " + event.data);
            var message = "Recibimos el mensaje: '" + event.data + "' de '" + event.origin + "' (ahora estamos en el iframe del anunciante)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // el anunciante de ie quiere actualizar algún elemento
        }
        if (window.addEventListener) {
            // Para navegadores web compatibles con los estándares
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FIN DE LA PARTE DEL EVENTO -->
</head>
<body>
    <h1>Mi encabezado de prueba del iframe</h1>
    <p>Mi párrafo de prueba del iframe</p>
    <p id="received-message">Esperando el mensaje</p>
</body>
</html>