Adding HTML Events for Fullpage Interstitials

Los formatos de anuncio Desktop Fullpage Interstitial y Mobile Fullpage Interstitial pueden interactuar con su sitio web a través de algunos eventos HTML. Puede escuchar estos eventos para activar acciones adicionales en su sitio web.

creativoVisualizado

Cuando se carga un anuncio intersticial de Fullpage en el navegador del usuario, se genera el evento creativeDisplayed-XXXXXXX, donde XXXXXXX es el id de zona correspondiente a esa zona de anuncios intersticiales de Fullpage.

Este escuchador de eventos te permite ejecutar programáticamente cualquier acción que necesites en tu sitio web y obtener más información sobre el elemento que disparó el evento, como la URL, id, clases y texto.

En el siguiente ejemplo estamos mostrando el mensaje ¡Creative shown! en la Consola cuando se muestra el Interstitial Fullpage y estamos listando todos los detalles del elemento que disparó el 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">Visit exoclick.com!</a>

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

mensaje

Si su zona publicitaria Fullpage Interstitial sirve una campaña iframe, puede añadir un oyente de eventos al evento message. Esto le permite ejecutar mediante programación cualquier acción que pueda necesitar en su sitio web después de que el iframe se cargue en el navegador del usuario.

Los datos del evento contienen las propiedades id, que es un md5 del parámetro url del iframe, y loaded que es true. En el siguiente ejemplo, mostramos el mensaje Iframe loaded! en la consola cuando el iframe se muestra en el navegador del usuario:

<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>