Événements Iframe

Les annonceurs peuvent suivre les événements dans leurs publicités. Ces événements sont gérés par programmation directement dans le navigateur du client à l'aide de JavaScript.

Événements

creativeDisplayed

Ceci est disponible uniquement pour Interstitiel pleine page sur ordinateur et Interstitiel pleine page mobile (DFPI/MFPI) campagnes de format publicitaire avec URL de l'iframe variation.

Lorsque la publicité est affichée à l'utilisateur, un message est envoyé dans l'iframe appelé creativeDisplayed.

Vous pouvez suivre cet événement dans votre iframe en utilisant le script ci-dessous, qui ajoute un écouteur d'événements pour intercepter le message envoyé une fois la publicité affichée à l'utilisateur.

<script>
        function readMessage(event) {
            console.log("événement readMessage");
            console.log("origine : " + event.origin);
            console.log("données : " + event.data);
        }

        if (window.addEventListener) {
            // Pour les navigateurs Web conformes aux standards
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
</script>

Exemple - Interstitiel pleine page

<!DOCTYPE html>
<html>
<head>
    <!-- PARTIE ÉVÉNEMENT -->
    <script>
        function readMessage(event) {
            console.log("événement readMessage");
            console.log("origine : " + event.origin);
            console.log("données : " + event.data);
            var message = "Nous avons reçu le message : '" + event.data + "' de '" + event.origin + "' (nous sommes maintenant sur l'iframe de l'annonceur)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // l'annonceur souhaite mettre à jour un élément
        }
        if (window.addEventListener) {
            // Pour les navigateurs Web conformes aux standards
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FIN DE LA PARTIE ÉVÉNEMENT -->
</head>
<body>
    <h1>Mon en-tête de test pour l'iframe</h1>
    <p>Mon paragraphe de test pour l'iframe</p>
    <p id="received-message">En attente du message</p>
</body>
</html>

PrécédentLa médiathèque SuivantDiffusion publicitaire tierce

Mis à jour il y a 1 mois

Ce contenu vous a-t-il été utile ?

<!DOCTYPE html>
<html>
<head>
    <!-- PARTIE ÉVÉNEMENT -->
    <script>
        function readMessage(event) {
            console.log("événement readMessage");
            console.log("origine : " + event.origin);
            console.log("données : " + event.data);
            var message = "Nous avons reçu le message : '" + event.data + "' de '" + event.origin + "' (nous sommes maintenant sur l'iframe de l'annonceur)";
            console.log(message);
            document.getElementById("received-message").innerHTML = message;
            // l'annonceur souhaite mettre à jour un élément
        }
        if (window.addEventListener) {
            // Pour les navigateurs Web conformes aux standards
            window.addEventListener("message", readMessage, false);
        } else {
            window.attachEvent("onmessage", readMessage);
        }
    </script>
    <!-- FIN DE LA PARTIE ÉVÉNEMENT -->
</head>
<body>
    <h1>Mon en-tête de test pour l'iframe</h1>
    <p>Mon paragraphe de test pour l'iframe</p>
    <p id="received-message">En attente du message</p>
</body>
</html>