Añadir eventos HTML para intersticiales de página completa

El Interstitial de página completa para escritorio y Interstitial de página completa móvil los formatos de anuncios pueden interactuar con tu sitio web a través de algunos eventos HTML. Puedes escuchar estos eventos para desencadenar acciones adicionales en tu sitio web.

creativeDisplayed

Cuando un anuncio intersticial de página completa se carga en el navegador del usuario, genera el evento creativeDisplayed-XXXXXXX, donde XXXXXXX es el id de zona correspondiente a esa zona de anuncio intersticial de página completa.

Este detector 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 desencadenó el evento, como la URL, el id, las clases y el texto.

En el ejemplo siguiente, estamos mostrando el ¡Creativo mostrado! mensaje en la consola cuando se muestra el intersticial de página completa y estamos enumerando todos los detalles del elemento que desencadenó 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">¡Visita exoclick.com!</a>

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

mensaje

Si tu zona de anuncio intersticial de página completa sirve una campaña iframe, entonces puedes añadir un detector de eventos al evento mensaje. Esto te permite ejecutar programáticamente cualquier acción que necesites en tu sitio web después de que el iframe se haya cargado en el navegador del usuario.

Los datos del evento contienen las propiedades id, que es un md5 del parámetro de URL del iframe, y cargado siendo true. En el ejemplo siguiente, estamos mostrando el ¡Iframe cargado! mensaje en la consola cuando se muestra el iframe 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">¡Visita exoclick.com!</a>

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