Ajout d'événements HTML pour les interstitiels de Fullpage

Les formats publicitaires Desktop Fullpage Interstitial et Mobile Fullpage Interstitial peuvent interagir avec votre site web par le biais de certains événements HTML. Vous pouvez écouter ces événements pour déclencher des actions supplémentaires sur votre site web.

creativeDisplayed

Lorsqu'une publicité interstitielle Fullpage 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 de publicité interstitielle Fullpage.

Cet écouteur d'événements vous permet d'exécuter par programme 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 message Creative shown! dans la console lorsque l'interstitiel Fullpage est affiché et nous listons 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("Creative shown!");
        console.log(e.detail);
    }, false);
</script>

message

Si votre zone publicitaire interstitielle Fullpage sert une campagne iframe, vous pouvez ajouter un écouteur d'événement à l'événement message. Cela vous permet d'exécuter de manière programmatique toute action dont vous pourriez avoir besoin sur votre site web après que l'iframe ait été chargée sur 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 qui est true. Dans l'exemple ci-dessous, nous affichons le message Iframe loaded! dans la console lorsque l'Iframe est affichée 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 loaded!")
        }
    });
</script>