Adding HTML Events for Fullpage Interstitials

Os formatos de anúncio Desktop Fullpage Interstitial e Mobile Fullpage Interstitial podem interagir com o seu sítio Web através de alguns eventos HTML. Pode ouvir estes eventos para desencadear acções adicionais no seu sítio Web.

creativeDisplayed

Quando um anúncio Fullpage Interstitial é carregado no browser do utilizador, gera o evento creativeDisplayed-XXXXXXX, em que 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 necessite no seu sítio Web e obter mais informações sobre o elemento que desencadeou o evento, como o URL, o id, as classes e o texto.

No exemplo abaixo, estamos a apresentar a mensagem Creative shown! na Consola quando o Intersticial de página inteira é apresentado e estamos a listar todos os detalhes do elemento que acionou 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">Visit exoclick.com!</a>

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

mensagem

Se a sua zona de anúncios Fullpage Interstitial servir uma campanha iframe, pode adicionar um ouvinte de eventos ao evento message. Isto permite-lhe executar programaticamente qualquer ação de que necessite no seu sítio Web depois de a iframe ser carregada no browser do utilizador.

Os dados do evento contêm as propriedades id, que é um md5 do parâmetro url do iframe, e loaded sendo verdadeiro. No exemplo abaixo, estamos exibindo a mensagem Iframe loaded! no Console quando o Iframe é mostrado ao navegador do usuário:

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