English Site anmelden

Wallpaper

Schnellsuche


  • Versenden

Media Impact




Merkliste anzeigen
Zur Merkliste hinzufügen

Werbemittel: Wallpaper

Objekt: clever-tanken.de

Beschreibung:

Das Wallpaper ist eine Kombination aus der Banner- und Skyscraperplatzierung. Durch zusätzliche Einfärbung des Website-Hintergrundes kann es auch als aufmerksamkeitsstarke Homepage-Einfärbung eingesetzt werden. Das Werbemittel ist somit ideal für Branding-Kampagnen geeignet.

Technische Spezifikationen:
Maße:Superbanner: 1020x90 px, Skyscraper: max. 210x690 px
Dateigröße: html5: 150 kB pro Element / Flash: 80 kB
mögliche Dateiformate:gif, jpg, html5, streaming, swf (Auslieferung in Firefox mit Fallback)
Vorlaufzeit (in Tagen):3
Video und Audio:Sound und Video sind erlaubt. Der Sound darf allerdings nur user-initiiert (onMouseover/ onClick) starten, nicht automatisch mit einer Animation. Ein Looping ist nicht gestattet. Bitte außerdem darauf achten, dass das Werbemittel (bei onClick-Variante) ein gut sichtbares Symbol enthält, mit dem der Sound bei angemessener Lautstärke an und ausgeschaltet werden kann (z.B. Lautsprecher-Symbol). Bei einem Hosten des Streamings über uns fällt ein Aufschlag von 2 € n./n. beim TKP an.

Streaming-Inhalte innerhalb des Werbemittels müssen polite geladen werden. Sie dürfen erst dann starten, wenn die Seite komplett geladen ist.
Hintergrundeinfärbung möglich: Ja
Klickbarer Hintergrund möglich: Ja
Positionierung:Der Skyscraper dockt von rechts an.
HTML5-Spezifikationen / Flash-Spezifikationen / Redirect Spezifikationen (Bitte Klicken, um zu öffnen)

1. HTML5-Spezifikationen

1. Bannerformate 

Die folgenden Standards finden auf alle Formate mit fester Größe Anwendung, d.h. fester Höhe und Breite, analog den IAB-­‐Werbemittelstandards für Standardwerbeformen, ausgenommen Werbemittel die den Inhalt der Webseiten überlagern, proportional oder frei skalieren (z.B. Sitebar, vergleiche: http://www.werbeformen.org). 

2. Dateigröße 

HTML5 Werbemittel bestehen wie Webseiten aus mehreren Elementen, die nicht analog zu Flash in einem File zusammengeführt und komprimiert werden können. Diese sind: 

- HTML 
- Files
- CSS 
- Libraries (Javascript, JQuery, etc.)
- Bilder
- Videos 

Damit der Aufbau der Webseite und des Werbemittels nicht unnötig verzögert wird, ist bei der Kreation zu beachten, dass die einzelnen Elemente des HTML5 Werbemittels sowohl hinsichtlich ihrer Anzahl als auch Dateigröße so klein wie möglich gehalten werden, um die Serverprozesse/Anfragen (Serverrequests) zu minimieren.Dazu sind Kompilierungsmethoden des Codes und Code-­‐Optimierungen in einer Datei anzuwenden. 

Folgende Limits müssen eingehalten werden: 
- HTML5-Werbemittel als *.zip-Archiv inkl. Code und Bilder : < 100 KB 
- Redirect und Videos: max. 4 MB 
Dies ist durch Komprimierung und Optimierungsverfahren als auch durch sparsame Anwendung von Animationen und Einbindung externer Elemente wie Fonts und Bibliotheken einzuhalten, welche auch zu der Dateigröße dazu gerechnet werden. Unterverzeichnis-Strukturen sind zu vermeiden. 

3. Klicktag 

Die Schreibweise für Klicktags lautet: clicktag
Die Schreibweise für Multi-Klicktags lautet: clicktag, clicktag1, clicktag2 <n> 

Die Folgenden Codezeilen sind in das HTML5-Werbemittel zur Übergabe der Klicktags zu integrieren: Die Funktion liefert alle GET Parameter zurück, die an die Datei übergeben werden: 

<script> 
var getUriParams = function() { 
var query_string = {} 
var query = window.location.search.substring(1); 
var parmsArray = query.split('&');
 if(parmsArray.length <= 0) return query_string; 
for(var i = 0; i < parmsArray.length; i++) { 
var pair = parmsArray[i].split('='); 
var val = decodeURIComponent(pair[1]); 
if (val != '' && pair[0] != '') query_string[pair[0]] = val; 

return query_string; 
}(); 
</script>

Beispiel HTML und Zuweisung der Links:
2 HTML Links ohne zugewiesene Links: 
             <a href="#clicktag" id="clicktag">IAB clicktag</a> 
             <a href="#clicktag2" id=" clicktag2">IAB clicktag</a> 

Mit diesen Javascript Zeilen lassen sich dann die Klicktags den HTML Elementen zuweisen: 
<script>
document.getElementById('clicktag').setAttribute('href', getUriParams.clicktag);
document.getElementById('clicktag').setAttribute('target', getUriParams.target);
document.getElementById('clicktag2').setAttribute('href', getUriParams.clicktag2);
document.getElementById('clicktag2').setAttribute('target', getUriParams.target2);
</script>

Funktionstest der clicktag-GET-Parameter für Übergabe an das Werbemittel 
Die Werbemittel sollen von der Kreativagentur auf funktionierende clicktag-­‐Übergabe getestet werden, damit unnötige Feedbackschleifen ausgeschlossen werden können. 

Test: 

html5werbemittel.html?clicktag=%LANDINGPAGE%
 %LANDINGPAGE% ist mit einer Testzielseite zu ersetzen und muss URL-encoded übergeben werden (encodeURIComponent-Funktion)

4. Backupimage, Browserkompatibilität

Sollte ein Browser ein spezielles Feature oder eine verwendete Library nicht unterstützen, welches im Werbemittel Anwendung findet, so soll ein im Werbemittel definiertes Fallback JPG/GIF ausgespielt werden. Wenn das Werbemittel zum Beispiel nicht von IE 9 unterstützt wird ist von der Agentur vorzusehen, dass in diesem Browser das Fallback angezeigt wird. Die Werbemittel sind seitens der Kreativagentur auf allen gängigen Browsern zu testen und etwaige auszuschließende Browser dem Vermarkter mitzuteilen. 

5. Grafikkomprimierung 

Grafiken sind hinsichtlich der Dateigröße zu optimieren. Die Verwendung von PNG-­‐Crusher und der Einsatz von skalierbaren Vektorgrafiken wird empfohlen. 

6. Video 

Videos in HTML5 Werbemitteln werden über den Tag <video></video> eingebunden. Ads mit Videos sind mit einem Previewbild (poster) zu versehen, das Video startet sobald es geladen ist bzw. durch User Interaktion auf den meisten mobilen Endgeräten.

Zu beachten ist, dass auf Videos auf mobilen Endgeräten keine clicktags gelegt werden können. Der clicktag muss auf einer Fläche außerhalb des Videos hinterlegt werden. 

Das Video muss hinsichtlich Qualität und Dateigröße optimiert werden und ist in einer geeigneten Serverumgebung zu streamen. 

-  Max. Video-Dateigröße = 4 MB 

Das Video ist sowohl in H264/mp4 als auch in VP8/WebM zur Verfügung zu stellen.
Codebeispiel:

<video controls height='640' width='360'>

            <source src='yourVideo.mp4' type='video/mp4' />
            <source src='yourVideo.webm' type='video/webm' />
</video> 

7. Animation 

Bei Animationen ist darauf Acht zu geben, dass diese den Client CPU nicht unnötig belasten. Mehrere parallel laufende Animationen und überlappende transparente Grafiken sind zu vermeiden. Der Einsatz von CSS3 oder Javascript Animationen ist mit Bedacht auf die CPU und GPU Auslastung zu wählen. 

8. Anlieferung 

Die Anlieferung des HTML5-Werbemittels erfolgt als Zip-Datei für jedes Bannerelement. Z.B. ein Wallpaper besteht aus 2 Bannerelementen, 2 Zip-Dateien wären nötig. Jede Zip-Datei enthält alle Objekte des Werbemittels oder des Bannerelements, ausgenommen extern geladene Libraries, Videos oder Fonts. In der Zip-Datei/-en muss eine index.html-Datei als Startpunkt enthalten sein und alle eingebundenen Skripte sowie alle in der Zip-Datei/-en enthaltenen Objekte müssen relativ verlinkt sein. 

Alternativ kann ein Redirect angeliefert werden. Auch hier gelten alle o.g. Anforderungen, z.B. Dateigröße, Fileanzahl. 

Anlieferung ist vermakterabhängig physisch oder als Redirect zu erfolgen.


2. Flash-Spezifikationen

Allgemeine Informationen

Anlieferung der Werbemittel bitte an ads.de

Bei Senden des Werbemittels fügen Sie bitte folgende Informationen in der E-Mail hinzu:

Alt-Text (optional)

Bei Flash-Versionen:

  • Angabe der Flashversion
  • Information über Actionscripte
  • GIF oder JPG als Fallback im Format der gebuchten Werbeform
  • Sniffer Code (falls vorhanden)
  • Kundenname
  • Kampagnenname
  • Buchungszeitraum
  • Belegte Site
  • Platzierung auf der Site
  • Werbeformat
  • Ansprechpartner für Rückfragen
  • Nielsenprodukt (optional)
  • Motivname (optional)
  • Klick-URL


Redirects, Zählpixel und Click-Commands bitte nur als .txt Datei versenden um Konflikte mit dem Sicherheits-System zu vermeiden.

Anlieferung Redirects


  • Redirects müssen positionierbar sein
  • Der Wmode muss auf opaque gesetzt sein (wmode=opaque)
  • Einzige Ausnahme: Layer Ads (wmode=transparent).
  • Tandem Ads (auch Wallpaper) bitte immer in zwei Teilen anliefern, wobei beide Teile positionierbar sein müssen. Hierzu bitte immer die Positionierungsvariablen mitliefern.
  • Die Verlinkung muss ein neues Fenster öffnen.
  • Es muss eine Klickzählung durch Einsetzen unseres Click-Makros gewährleistet sein.
  • Das Streuen von Cookies ist nicht erlaubt.
  • Redirects müssen einen Timestamp-Parameter enthalten (Cachebuster)
  • Es gelten auch für Redirects unsere Spezifikationen für die Werbemittel.

Technologien - Flash


Allgemein:


  • Wir empfehlen alle Flash Versionen größer gleich 8.
  • Bei Flash Version 10 ist zu beachten, dass es zu Problemen im IE7 kommen kann, wenn der Pop-Up-Blocker aktiviert ist.
  • Es bedarf immer einer Anlieferung eines Fallbacks (jpg, gif), damit bei nicht aktiviertem Flash-Plugin dem User trotzdem ein Werbemittel angezeigt wird.
  • Alle Werbemittel (außer Layer Ads) müssen wmode=opaque eingestellt sein.
  • Bitte keine URLs fest in das Flash-Werbemittel einbauen.
  • Transparente Elemente müssen durchklickbar sein.


CPU-Last: Die CPU-Last darf auf einem durchschnittlichen Prozessor bei Anzeigen des Werbemittels beim User nicht auf mehr als 10%-Punkte ansteigen.

Klickbarkeit:


Klickbare Flächen müssen als Button definiert werden. Genutzt wird das Actionscript getURL:
ActionScript 2
on (release) {
getURL(_root.clicktag, _root.target);
}
ActionScript 3 (Flash 9 und 10)
var clicktag:String=root.loaderInfo.parameters.clicktag;
var target:String=root.loaderInfo.parameters.target;
// Funktion ausgeführt als Antwort auf das Ereignis
function onClic(pEvt:Event):void {
var redirect:URLRequest = new URLRequest( clicktag );
navigateToURL (redirect, target);
}
Button_btn.addEventListener(MouseEvent.CLICK, onClic);
// Button_btn ist ein Beispiel für einen vorhandenen Schaltflächennamen im Werbemittel


Multi-Klickbarkeit:


Bei Bannern, die mehrere Buttons als Schaltfläche definiert haben, gilt die Abfolge clicktag1, clicktag2, clicktag3 beginnend mit clicktag1. Maximal 5 Schaltflächen sind erlaubt

3. Redirect-Spezifikationen

Alle auszuliefernden Skripte, auch nachträglich geladene (3rd-Party-)Skipte, müssen HTTPS fähig sein.
Bitte achten Sie daher darauf, dass die Redirects auch in verschlüsselten Bereichen (https://) ausgeliefert werden können.

SSL-Fähigkeit (obligatorisch)

Wir weisen darauf hin, dass ab sofort (Mai 2016) alle Bestandteile einer Kampagne (Script-, iFrame-, Redirect-Tags, Agentur-Zählpixel und sonstige extern gehostete Ressourcen) als HTTPS-kompatible Komponenten anzuliefern sind, um Anzeige- und Messfehler in Bezug auf Verletzungen von Sicherheitseinstellungen der unterschiedlichen Browser webseitenübergreifend ausschließen zu können.
Dafür ist sicherzustellen, dass alle Ressourcen auf SSL-zertifizierten Servern gehostet sind. Bitte prüfen Sie daher, ob die von Ihnen eingesetzten Systeme für das Hosting der Werbemittel diese Möglichkeit standardisiert zur Verfügung stellen.
Mit dieser Maßnahme soll den Entwicklungen der Internet Engineering Task Force (IETF) und der damit steigenden Bedeutung von HTTPS-kompatiblen Werberessourcen gerecht werden.

Für dieses Werbemittel verfügbare Objekte
   
Maße: Superbanner: 728x90 px, Skyscraper: 160x600 px
  other_object_pic   abendblatt
Maße: 1110x90 / 160x600 Pixel oder 1150x90 / 200x600 Pixel
  other_object_pic   autobild
Maße: 1020x90 / max. 210x690 Pixel
  other_object_pic   B.Z. Berlin
Maße: 1140x90 / 200x652 Pixel
  other_object_pic   Bild
Maße: Min. 728x90 / 120x600 Pixel / Max. 1017x120 / 200x954 Pixel
  other_object_pic   bildderfrau
Maße: 728x90 / 160x600 Pixel
  other_object_pic   Business-Insider
Maße: 913x90px / 200x800 Pixel
  other_object_pic   clever-tanken.de
Maße: Superbanner: 1020x90 px, Skyscraper: max. 210x690 px
  other_object_pic   Comedy Central
Maße: Superbanner: 728x90 px, Skyscraper: 160x600 px
  other_object_pic   computerbild
Maße: 1230x90 / 210x690
  other_object_pic   derwesten
Maße: 728x90 / 200x600
  other_object_pic   DIE WELT
Maße: 1160x90 / 200x600 oder 1120x90 / 160x600 Pixel
  other_object_pic   EatSmarter
Maße: 1000 x90 / 200x954 Pixel
  other_object_pic   Finanzen
Maße: 913x90px / 200x800 Pixel
  other_object_pic   Formel1.de
Maße: 1020 x 90 + max. 210x600 px
  other_object_pic   funkuhr
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Game One
Maße: Superbanner: 728x90 px, Skyscraper: 160x600 px
  other_object_pic   gofeminin
Maße: 728x90 / 160x600 Pixel
  other_object_pic   hoerzu
Maße: 980x90 / 200x600 Pixel
  other_object_pic   Hole in One
Maße: 728x90 / 160x600 Pixel
  other_object_pic   Mediengruppe Thüringen Digital
Maße: 728x90 / 160x600
  other_object_pic   meinestadt
Maße: 728 x 90 / 160 x 600 Pixel
  other_object_pic   metal-hammer
Maße: 1023x90 / 200x600 Pixel
  other_object_pic   morgenpost
Maße: 1110x90 / 160x600 Pixel
  other_object_pic   Motorsport-Total.com
Maße: 945x90 + max. 210x600px
  other_object_pic   MTV
Maße: Superbanner: 728x90 px, Skyscraper: 160x600 px
  other_object_pic   musikexpress
Maße: 1018x90 / 200x600 Pixel
  other_object_pic   My Entdecker
Maße: siehe Objekte
  other_object_pic   Nickelodeon
Maße: Superbanner: 728x90 px, Skyscraper: 160x600 px
  other_object_pic   Onmeda
Maße: 796x90 / 250x640 Pixel
  other_object_pic   Red Carpet
Maße: 960x90 px / 160x600 px
  other_object_pic   Reviersport
Maße: 728x90 / 160x600
  other_object_pic   rollingstone
Maße: 1023x90 / 200x600 Pixel
  other_object_pic   Run of Portfolio
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Runtastic
Maße: 728 x 90 / 160 x 600 Pixel
  other_object_pic   Sky.de
Maße: 728x90 u. 160x600 Pixel
  other_object_pic   Sportbild
Maße: 1024x90 / 200x600 Pixel
  other_object_pic   Stylebook
Maße: 1220x90 / 200x600 Pixel
  other_object_pic   Themenkombi Auto
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Berlin
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Fashion & Lifestyle
Maße: 728x90 u. 160x600 Pixel
  other_object_pic   Themenkombi Frauen
Maße: 728x90 u. 160x600 Pixel
  other_object_pic   Themenkombi Games & Fun
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Gesundheit
Maße: 728x90 u. 160x600 Pixel
  other_object_pic   Themenkombi Hamburg
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Immobilien
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Jobs
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Kultur
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Männer
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Musik
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Nachrichten & Politik
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Sport
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Technik & Multimedia
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi TV
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Themenkombi Wirtschaft & Finanzen
Maße: 984x90 / 210x600 Pixel
  other_object_pic   Transfermarkt
Maße: 1034 x 90 / 160 x 600 Pixel
  other_object_pic   Travelbook
Maße: 1220x90 / 200x600 Pixel
  other_object_pic   tvdigital
Maße: 980x90 / 200x600 Pixel
  other_object_pic   tvdirekt
Maße: 980x90 / 200x600 Pixel
  other_object_pic   VIVA
Maße: Superbanner: 728x90 px, Skyscraper: 160x600 px
  other_object_pic   Wand & Beet
Maße: 984x90 / 210x600
  other_object_pic   World Luxury Guide
Maße: 1160x90 / 200x600 Pixel