Skip to main content

Hinzufügen von HTML-Ereignissen für Fullpage-Interstitials

Die Anzeigenformate Desktop Fullpage Interstitial und Mobile Fullpage Interstitial können über einige HTML-Ereignisse mit Ihrer Website interagieren. Sie können auf diese Ereignisse hören, um zusätzliche Aktionen auf Ihrer Website auszulösen.

creativeDisplayed​

Wenn eine Fullpage-Interstitial-Anzeige im Browser des Nutzers geladen wird, erzeugt sie das Ereignis "CreativeDisplayed-XXXXXXX", wobei "XXXXXX" die Zonenkennung für diese Fullpage-Interstitial-Anzeigenzone ist.

Mit diesem Ereignis-Listener können Sie programmatisch eine beliebige Aktion auf Ihrer Website ausführen und weitere Informationen über das Element erhalten, das das Ereignis ausgelöst hat, z. B. die URL, die ID, die Klassen und den Text.

Im folgenden Beispiel wird die Meldung "Kreativ angezeigt!" in der Konsole angezeigt, wenn das Fullpage-Interstitial angezeigt wird, und es werden alle Details des Elements aufgeführt, das das Ereignis ausgelöst hat:


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

nachricht​

Wenn Ihre Fullpage-Interstitial-Anzeigenzone eine Iframe-Kampagne bedient, können Sie dem Ereignis "Nachricht" einen Ereignis-Listener hinzufügen. Dadurch können Sie programmatisch jede Aktion ausführen, die Sie auf Ihrer Website benötigen, nachdem der Iframe im Browser des Benutzers geladen wurde.

Die Ereignisdaten enthalten die Eigenschaften id, die ein md5 des Iframe-Url-Parameters ist, und loaded, das true ist. Im folgenden Beispiel wird die Meldung "Iframe loaded!" in der Konsole angezeigt, wenn der Iframe im Browser des Benutzers angezeigt wird:

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