Aggiunta di eventi HTML per gli interstitial a pagina intera

Il Interstitial Desktop Fullpage e Interstitial Mobile Fullpage I formati pubblicitari possono interagire con il tuo sito web tramite alcuni eventi HTML. Puoi ascoltare questi eventi per attivare azioni aggiuntive nel tuo sito web.

creativeDisplayed

Quando un annuncio Fullpage Interstitial viene caricato nel browser dell'utente, genera l'evento creativeDisplayed-XXXXXXX, dove XXXXXXX è l'ID della zona corrispondente a quella zona pubblicitaria Fullpage Interstitial.

Questo listener di eventi ti consente di eseguire programmaticamente qualsiasi azione di cui potresti aver bisogno sul tuo sito web e di ottenere maggiori informazioni sull'elemento che ha attivato l'evento, come l'URL, l'id, le classi e il testo.

Nell'esempio seguente, stiamo mostrando il Creatività mostrata! messaggio nella console quando il Fullpage Interstitial viene mostrato e stiamo elencando tutti i dettagli dell'elemento che ha attivato l'evento:

<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">Visita exoclick.com!</a>

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

message

Se la tua zona pubblicitaria Fullpage Interstitial distribuisce una campagna iframe, puoi aggiungere un listener di eventi per l'evento message. Questo ti consente di eseguire programmaticamente qualsiasi azione di cui potresti aver bisogno sul tuo sito web dopo che l'iframe è stato caricato nel browser dell'utente.

I dati dell'evento contengono le proprietà id, che è un md5 del parametro URL dell'iframe, e loaded che è true. Nell'esempio seguente, stiamo mostrando il Iframe caricato! messaggio nella console quando l'iframe viene mostrato nel browser dell'utente:

<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">Visita exoclick.com!</a>

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