Fireplace Advanced [Engl.]

Fireplace Advanced [Engl.]

Visualization

 

Format presentation

Fireplace Advanced is a large-scale, attention-grabbing ad format that dynamically adapts to the screen size. It is placed to the right and left of the content and has a dynamic super banner that adapts in width to the content of the website. Due to the "sticky effect" when scrolling up and down, the skyscrapers of the advertising format are always anchored in the user's field of vision, thus achieving optimal visibility of the advertising format.

 

Demo

You can find the demo here
https://www.t-online.de/?*sdmad=demo=advfp1*

Unable to render {include} The included page could not be found.

 

 

Delivery of the finished advertising material


File format

Note

We need the finished advertising material 10 working days before the start of the campaign. 

The advertisement label "Anzeige" must be integrated in the advertising material - clearly visible.


Delivery as physical HTML5:

  • 3 HTML5 files that are responsive. (Width and height must adapt to the available space). 

 

Delivery as per redirect:

  • 3 Javascript or Iframe redirects that are responsive. (Width and height must adapt to the available space). 

 

Delivery as images:

  • Pure image files are not possible, because they would be strongly distorted by the dynamic adjustment.

To be noted:

Important: communication of the elements

In order to be able to ensure communication between the individual elements, we use postMessage. Our template writes a postMessage handler to the page, which allows you to send data from one ad part to another.

The 3 recipient names are banner, skyRight and skyLeft.
You can see an example of use here:

postMessage Example
// 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); }

For example, to use our functions for collapsing and expanding the banner, the following code must be used within the ad..:

Expand and collapse
window.onmouseover = function(){ sendMessage({'expandieren':180},'banner'); } window.onmouseout = function(){ sendMessage({'collabieren':90},'banner'); }

Dimensions & file weight


  • Size: 

    • Skyscraper: must work up to a minimum size of 120 x 600 pixels (dynamically scaling 100% from there).

      Superbanner: minimum size 600 x 90 pixels (dynamically scaling in width) up to a maximum height of 250 pixels (the height must be fixed)

  • File weight HTML5: 

    • 300 KB initial + 500 KB reload per element

    • the file weight is per banner

Creation of advertising materials by Ströer


Requirements

If you need support with the creation, please contact us. We will take care of the creation and production of the advertising material. Please provide us with the exact assets formulated here in due time. Otherwise, we will not be able to guarantee a launch at the agreed start of the campaign.

We need the following assets in this case 20 business days before the start of the campaign:

  • Logo

  • Product Shots / Visuals

  • Typo files incl. license

  • existing campaign motifs

  • Texts

  • video/spot

  • KPI's

  • product/campaign claim

  • Target URL

  • Examples of produced ads, style guides, etc.

  • if applicable, the storyboard

 

Features Publisher


  • Please note that the left and right sitebars have different widths, as we cannot fully center non-centered web pages afterwards.

  • For this reason, care should be taken to ensure that the promotional content is primarily located in the right sitebar, so that it is still present when the content of the page pushes the left sitebar out of the visible area or it is a left-aligned sitebar.

Feature delivery


  • The ad will only be delivered on desktop, tablet/iPad inventory will not be considered.

  • The ad will be booked and delivered from a viewport width of 1440 pixels or 1650 pixels.

  • Due to different zoom levels of browser or monitor it can happen that a very fine line between the ad media parts arises.

Notes


  • All trackings must be defined as SSL capable.   

  • All tracking to be used by us must contain the GDPR macros according to TCF v2.0 and all used vendors must be registered in the TCF v2.0 (Transparency and Consent Framework) of the IAB.