Ajout d’événements HTML pour les interstitiels pleine page

Le Interstitiel pleine page sur ordinateur et Interstitiel pleine page mobile Les formats publicitaires peuvent interagir avec votre site web via certains événements HTML. Vous pouvez écouter ces événements pour déclencher des actions supplémentaires sur votre site web.

creativeDisplayed

Lorsqu'une annonce interstitielle plein écran est chargée dans le navigateur de l'utilisateur, elle génère l'événement creativeDisplayed-XXXXXXX, où XXXXXXX est l'identifiant de zone correspondant à cette zone d'annonce interstitielle plein écran.

Cet écouteur d'événements vous permet d'exécuter programmatiquement toute action dont vous pourriez avoir besoin sur votre site web et d'obtenir plus d'informations sur l'élément qui a déclenché l'événement, comme l'URL, l'identifiant, les classes et le texte.

Dans l'exemple ci-dessous, nous affichons le Création affichée ! message dans la console lorsque l'interstitiel plein écran est affiché et nous répertorions tous les détails de l'élément qui a déclenché l'événement :

<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
<ins class="eas6a97888e35" data-zoneid="1234567"></ins>
<script>(AdProvider = window.AdProvider || []).push({"serve": {}});</script>

<a href="https://www.exoclick.com">Visit exoclick.com!</a>

<script type="application/javascript">
    document.addEventListener('creativeDisplayed-1234567', function (e) {
        console.log("Création affichée !");
        console.log(e.detail);
    }, false);
</script>

message

Si votre zone d'annonce interstitielle plein écran diffuse une campagne iframe, vous pouvez alors ajouter un écouteur d'événements à l'événement message. Cela vous permet d'exécuter programmatiquement toute action dont vous pourriez avoir besoin sur votre site web après le chargement de l'iframe dans le navigateur de l'utilisateur.

Les données de l'événement contiennent les propriétés id, qui est un MD5 du paramètre URL de l'iframe, et loaded à true. Dans l'exemple ci-dessous, nous affichons le Iframe chargé ! message dans la console lorsque l'iframe est affiché dans le navigateur de l'utilisateur :

<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
<ins class="eas6a97888e35" data-zoneid="1234567"></ins>
<script>(AdProvider = window.AdProvider || []).push({"serve": {}});</script>

<a href="https://www.exoclick.com">Visit exoclick.com!</a>

<script type="application/javascript">
    window.addEventListener('message', function(event) {
        if (event.data.id && event.data.loaded) {
            console.log("Iframe chargé !")
        }
    });
</script>