Page Comparison

Dateiformat

Das Format besteht aus einem voll-flächigem Hintergrund und optional einem extra Video im 16:9 Format.

• Hintergrundgrafik:
  
  • HTML5-Redirect: 100% dynamisch, die Größe des Werbemittels muss sich in Höhe und Breite anpassen

  • Um die Publisher-individuellen Höhen der Navigation zu beachten, kann mit folgender PostMessage die yPos ausgelesen werden

    Code Block
    language xml theme Confluence title PostMessage Beispiel linenumbers true collapse true
    /** * listen to PostMessage of Stroeer Brand Booster Format and interact at expand / close / scroll */ window.addEventListener('message', receiveMessageBrandBooster, false); function receiveMessageBrandBooster(event) { if (typeof event.data.msg === 'string' && event.data.msg.indexOf('StroeerBrandBoosterExpandMessage') !== -1) { /* postMessage comes from Stroeer BrandBooster / following variables can be used: @param msg - @returns custom string which can be used to check postMessage source @param availableHeight - @returns the available height for the displayed Ad @param startTopPos - @returns the visible starting top position of the ad */ } else if (typeof event.data.msg === 'string' && event.data.msg.indexOf('StroeerBrandBoosterCloseMessage') !== -1) { /* postMessage comes from Stroeer BrandBooster / following variables can be used: @param msg - @returns custom string which can be used to check postMessage source @param availableHeight - @returns the available height for the displayed ad @param startTopPos - @returns the visible starting top position of the ad */ } else if (typeof event.data.msg === 'string' && event.data.msg.indexOf('StroeerScrollPostMessage') !== -1) { /* postMessage comes from Stroeer format / following variables can be used: @param msg - @returns custom string which can be used to check postMessage source @param yPos - @returns the pixels the current document has been scrolled (pageYOffset) @param siteHeight - @returns the browser window's height (NOT including toolbars/scrollbars) */ } else { /* postMessage is not sent from the Stroeer BrandBooster */ } }

    
    

  • Dateigewicht Redirect:
    • 200 KB Initial Load / 400 KB Sub Load
  • Alternativ physische Anlieferung (ACHTUNG: physische Anlieferung nicht möglich bei Auslieferung auf t-online!):
    • Größe 1920 x 1080 Pixel
    • .gif / .jpg / .png 
      
    • ACHTUNG: Bitte beachten Sie bei physischer Anlieferung die Publisher-individuellen Höhen der Navigation.
  • Dateigewicht physische Anlieferung:
    • 200 KB
      

• Video

  • Auslieferung in 16:9 Video

  • Dateiformat:  MP4 Video, nur Video-Source (Video-URL)

  • Hierbei sind folgende Spezifikationen einzuhalten:

Besonderheiten Publisher

Anlieferung

• Alle ClickCommands und Zählpixel müssen HTTPs vollständig unterstützen. Achten Sie darauf, dass Weiterleitungen an externe Server protokollunabhängig ausgeführt werden (Beispiel: //www.andererServer.de).

• Anlieferung der Werbemittel bitte mindestens 10 Werktage vor Kampagnenstart.

  
  

  Info

  Wenn es sich um einen Redirect handelt Bei Anlieferung als HTML5 Redirect muss der Inhalt sich in Höhe und Breite an das umliegende Fenster anpassen. Feste Größenangaben in Pixel sind nicht möglich. Stattdessen sollten für die Elemente am besten prozentuale angaben oder wenn möglich ein Inherit genutzt werden, damit die best mögliche Darstellung gewährleistet ist. Falls hier feste Werte vorgegeben werden können wir nicht für eine saubere Ausspielung garantieren.

  
  

Hinweise: 

• Sämtliche Trackings bzw. Redirects müssen SSL fähig definiert sein.   
• Alle bei uns zu nutzenden Werbemitteltags/Trackings müssen die GDPR Makros gemäß TCF v2.0 enthalten und alle genutzten Vendoren müssen im TCF v2.0 (Transparency and Consent Framework) des IAB registriert sein

Events:

Um auf spezifische Events des Formats (expand, collapse, scroll) zu reagieren und bestimmte Werte auszulesen, kann folgende PostMessage benutzt werden:

    /**
     * listen to PostMessage of Stroeer Brand Booster Format and interact at expand / close / scroll
     */
    window.addEventListener('message', receiveMessageBrandBooster, false);
    function receiveMessageBrandBooster(event) {
        if (typeof event.data.msg === 'string' && event.data.msg.indexOf('StroeerBrandBoosterExpandMessage') !== -1) {
            /*
                postMessage comes from Stroeer BrandBooster / following variables can be used:
                @param msg - @returns custom string which can be used to check postMessage source
                @param availableHeight - @returns the available height for the displayed Ad
                @param startTopPos - @returns the visible starting top position of the ad
            */
        } else if (typeof event.data.msg === 'string' && event.data.msg.indexOf('StroeerBrandBoosterCloseMessage') !== -1) {
            /*
                postMessage comes from Stroeer BrandBooster / following variables can be used:
                @param msg - @returns custom string which can be used to check postMessage source
                @param availableHeight - @returns the available height for the displayed ad
                @param startTopPos - @returns the visible starting top position of the ad
            */
        } else if (typeof event.data.msg === 'string' && event.data.msg.indexOf('StroeerScrollPostMessage') !== -1) {
            /*
                postMessage comes from Stroeer format / following variables can be used:
                @param msg - @returns custom string which can be used to check postMessage source
                @param yPos - @returns the pixels the current document has been scrolled (pageYOffset)
                @param siteHeight - @returns the browser window's height (NOT including toolbars/scrollbars)
            */
        } else {
            /* postMessage is not sent from the Stroeer BrandBooster */
        }
    }