Adicionar Eventos HTML para Intersticiais de Página Inteira

O Interstitial de página inteira para desktop e Interstitial de página inteira para dispositivos móveis os formatos de anúncio podem interagir com o seu site através de alguns eventos HTML. Você pode ouvir estes eventos para acionar ações adicionais no seu site.

creativeDisplayed

Quando um anúncio Fullpage Interstitial é carregado no navegador do utilizador, ele gera o evento creativeDisplayed-XXXXXXX, onde XXXXXXX é o id da zona correspondente a essa zona de anúncio Fullpage Interstitial.

Este ouvinte de eventos permite-lhe executar programaticamente qualquer ação de que possa precisar no seu site e obter mais informações sobre o elemento que desencadeou o evento, como o URL, id, classes e texto.

No exemplo abaixo, estamos a exibir a Criativo exibido! mensagem no Console quando o Fullpage Interstitial é exibido e estamos a listar todos os detalhes do elemento que desencadeou o 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">Visite exoclick.com!</a>

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

mensagem

Se a sua zona de anúncio Fullpage Interstitial veicular uma campanha iframe, então pode adicionar um ouvinte de eventos ao evento mensagem. Isto permite-lhe executar programaticamente qualquer ação de que possa precisar no seu site após o iframe ser carregado no navegador do utilizador.

Os dados do evento contêm as propriedades id, que é um md5 do parâmetro url do iframe, e loaded a ser true. No exemplo abaixo, estamos a exibir a Iframe carregado! mensagem no Console quando o Iframe é exibido no navegador do utilizador:

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

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