Eventi iframe

Gli inserzionisti possono tracciare gli eventi nei loro annunci. Questi eventi sono gestiti a livello programmatico direttamente nel browser del client con l'aiuto di JavaScript.

Eventi

creativeDisplayed

Questo è disponibile solo per Interstitial fullpage desktop e Interstitial fullpage mobile (DFPI/MFPI) campagne di formati annuncio con URL dell'iframe variazione.

Quando l'annuncio viene mostrato all'utente, viene inviato un messaggio all'iframe chiamato creativeDisplayed.

Puoi tracciare questo evento all'interno del tuo iframe usando lo script qui sotto, che aggiunge un ascoltatore di eventi per intercettare il messaggio inviato una volta che l'annuncio viene mostrato all'utente.

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

        if (window.addEventListener) {
            // Per browser web conformi agli standard
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
</script>

Esempio - Interstitial fullpage

<!DOCTYPE html>
<html>
<head>
    <!-- PARTE EVENTO -->
    <script>
        function readMessage(event) {
            console.log("evento readMessage");
            console.log("origine: " + event.origin);
            console.log("dati: " + event.data);
            var message = "Abbiamo ricevuto il messaggio: '" + event.data + "' da '" + event.origin + "' (ora siamo nell'iframe dell'inserzionista)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // ad esempio l'inserzionista vuole aggiornare qualche elemento
        }
        if (window.addEventListener) {
            // Per browser web conformi agli standard
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FINE DELLA PARTE EVENTO -->
</head>
<body>
    <h1>Intestazione del mio iframe di prova</h1>
    <p>Paragrafo del mio iframe di prova</p>
    <p id="received-message">In attesa del messaggio</p>
</body>
</html>

PrecedenteLa libreria multimediale SuccessivoAd serving di terze parti

Ultimo aggiornamento 1 mese fa

È stato utile?

<!DOCTYPE html>
<html>
<head>
    <!-- PARTE EVENTO -->
    <script>
        function readMessage(event) {
            console.log("evento readMessage");
            console.log("origine: " + event.origin);
            console.log("dati: " + event.data);
            var message = "Abbiamo ricevuto il messaggio: '" + event.data + "' da '" + event.origin + "' (ora siamo nell'iframe dell'inserzionista)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // ad esempio l'inserzionista vuole aggiornare qualche elemento
        }
        if (window.addEventListener) {
            // Per browser web conformi agli standard
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FINE DELLA PARTE EVENTO -->
</head>
<body>
    <h1>Intestazione del mio iframe di prova</h1>
    <p>Paragrafo del mio iframe di prova</p>
    <p id="received-message">In attesa del messaggio</p>
</body>
</html>