Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Include Page
tb_visualisierung
tb_visualisierung

Excerpt




Include Page
tb_formatvorstellung
tb_formatvorstellung

Das Fireplace Advanced ist ein großflächiges, aufmerksamkeitsstarkes Werbeformat, welches sich dynamisch an die Bildschirmgröße anpasst. Es wird rechts und links neben dem Content platziert und besitzt einen dynamischen Superbanner, welcher sich in der Breite an den Content der Webseite anpasst. Durch den "Sticky Effect" beim Herunter-/Heraufscrollen sind die Skyscraper / Sitebars der Werbeform immer im Sichtbereich des Users verankert, womit eine optimale Sichtbarkeit der Werbeform erreicht wird.


Live-Demo

Die Demo finden Sie hier

Include Page
tb_logo_stroeer
tb_logo_stroeer



Anlieferung des fertigen Werbemittels


Note

Wir benötigen das fertige Werbemittel 10 Werktage vor Kampagnenbeginn. 

Die Anzeigenkennzeichnung "Anzeige" muss im Werbemittel - gut sichtbar - integriert sein.

Dateiformat


Anlieferung als physisches HTML5:
  • 3 HTML5 Dateien die sich responsive verhalten. (Breite und Höhe müssen sich an den vorhandenen Platz anpassen) 


Anlieferung per Redirect:

  • 3 Javascript oder Iframe Redirects die sich responsive verhalten. (Breite und Höhe müssen sich an den vorhandenen Platz anpassen) 


Anlieferung als Images:

  • Reine Bilddateien sind nicht möglich, da diese durch die dynamische Anpassung stark verzerrt würden.


Zu beachten ist:

Note
titleWichtig: Kommunikation der Elemente

Um die Kommunikation der einzelnen Elemente untereinander gewährleisten zu können, nutzen wir postMessage. Unser Template schreibt einen postMessage Handler auf die Seite, welcher Ihnen die Möglichkeit gibt, Daten von einem Werbemittelteil zum anderen zu senden.

Die 3 Empfängernamen sind banner, skyRight und skyLeft.
Ein Anwendungsbeispiel sehen Sie hier:

Code Block
languagejs
themeEmacs
firstline1
titlepostMessage Beispiel
linenumberstrue
collapsetrue
// definieren der globalen Variabeln
      var main,reciverSkyLeft,reciverSkyRight;
    // Hier werden die empfangenen Daten entsprechend Ihrer Herkunft weiterverarbeitet
      function receiveMessage(eve) {
          var data=(eve.data);
          if(data.target === 'banner') {
              if(data.source === 'skyRight') {
                  reciverSkyRight.innerText = data.message;
              }
              if(data.source === 'skyLeft') {
                  reciverSkyLeft.innerText = data.message;
              }
          }
      }
    // hier werden die Daten zum senden vorbereitet und
      function sendMessage(msg,target) {
          target=(!!target)?target:"skyLeft";
          var daten=[];
          daten["source"]="banner";
          daten["target"]=target;
          daten["message"]=msg;
        // an die Webseite gesendet
          main.postMessage(daten,'*');
      }
   
// und nach dem Laden der Seite
 
    window.onload = function() {
    // wird das darüberligende Iframe ausgewählt
        main = window.parent;
    // die objekte Bekantgegeben
        reciverSkyRight = document.getElementById('reciverSkyRight');
        reciverSkyLeft = document.getElementById('reciverSkyLeft');
    // und auf eine Message gewartet
        window.addEventListener("message", receiveMessage, false);
    }

Um beispielsweise unsere Funktionen zum Kollabieren und Expandieren des Banners zu nutzen ist folgender Code innerhalb des Werbemittels zu verwenden.
Bitte beachten Sie, dass ein Expandieren nur per Mouseclick erlaubt ist.

Code Block
languagejs
themeEmacs
firstline500
titleExpandieren und Kollabieren
linenumberstrue
collapsetrue
   window.onmouseclick = function(){
      sendMessage({'expandieren':180},'banner');
    }
    window.onmouseout = function(){
      sendMessage({'collabieren':90},'banner');
    }



Div
styleheight:10px


Abmessungen & Dateigewicht


Div
styleheight:20px



Div
styleheight:20px



Inhaltsverzeichnis

Table of Contents
maxLevel1
stylesquare



Div
styleheight:20px


Erstellung der Werbemittel durch Ströer


Anforderungen

Benötigen Sie Unterstützung bei der Kreation, sprechen Sie uns bitte an. Wir kümmern uns um Kreation und Produktion des Werbemittels.

Bitte liefern Sie uns dazu fristgerecht die exakt hier formulierten Assets an. Andernfalls können wir einen Start zum vereinbarten Kampagnenbeginn nicht gewährleisten.

Folgende Assets benötigen wir in diesem Fall 20 Werktage vor Kampagnenbeginn:

  • Logo
  • Product Shots / Visuals
  • Typo-Dateien inkl. Lizenz
  • bestehende Kampagnenmotive
  • Texte
  • Video/Spot
  • KPI´s
  • Produkt/Kampagnen-Claim
  • Ziel-URL
  • Beispiele von produzierten Ads, Styleguides, etc.
  • ggf.  das Storyboard


Div
styleheight:20px



Div
styleheight:20px




Besonderheiten Publisher


  • Bitte beachten Sie, dass die linke und rechte Sitebar unterschiedliche Breiten haben, da wir nicht-zentrierte Webseiten nachträglich nicht voll zentrieren können.
  • Aus diesem Grund sollte darauf geachtet werden, dass der werbewirksame Inhalt sich primär in der rechten Sitebar befindet, so dass dieser auch noch vorhanden ist, wenn der Content der Seite die linke Sitebar aus dem sichtbaren Bereich schiebt oder es sich um eine linksbündige Sitebar handelt.
Div
styleheight:20px



Div
styleheight:20px


Besonderheit Auslieferung


  • Das Werbemittel wird nur auf Desktop ausgeliefert, Tablet/ iPad Inventar wird nicht berücksichtigt.

  • Das Werbemittel wird ab einer Viewportbreite 1440 Pixel oder 1650 Pixel gebucht und ausgeliefert.

  • Bedingt durch unterschiedliche Zoom-stufen von Browser oder Monitor kann es vorkommen das eine sehr feine Linie zwischen den Werbemittel-teilen entsteht.


Div
styleheight:20px



Div
styleheight:20px


Hinweise


  • Sämtliche Trackings müssen SSL fähig definiert sein.   
  • Alle bei uns zu nutzenden 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
Div
styleheight:20px



Div
styleheight:20px



Include Page
tb_html5
tb_html5

Div
styleheight:10px


Include Page
tb_allgemeine_technische_spezifikation
tb_allgemeine_technische_spezifikation

Div
styleheight:10px