FORMATE
Ausgangsgröße: 200x600 px – max. 200 KB
Fallback (gif): 200x600 px – max. 80 KB
GENERELL
Die Anlieferung des Werbemittels kann nur über 3rd Party Redirect via Flashtalking erfolgen.
Dabei ist zu beachten, dass die komplette Funktionalität wie Skalierung und „Sticky“ durch den Redirect-Anbieter sichergestellt werden muss.
KONTAKT FLASHTALKING
FLASHTALKING GMBH, Schanzenstr. 35, 51063 Köln
HTML 5
Voraussetzungen für die Verwendung von HTML5-Werbemitteln
- Das Werbemittel muss als ZIP-gepackte Datei angeliefert werden.
- Es können beliebig viele Grafiken, CSS, JavaScript- und andere Dateien verwendet werden
- Pro Werbemittel müssen alle Dateien in einem gemeinsamen Verzeichnispfad innerhalb einer Zip-Datei liegen. Z.B. werbung.zip entpackt nach werbung/Skyscraper/*. Die Dateien dürfen nicht direkt in der ZIP enthalten sein sondern in einem Unterordner liegen (alle Dateien gemeinsam oder auf verschiedene Unterordner verteil).
- Pro Werbemittel darf es nur eine HTML-Datei geben die sozusagen als eigentliches Werbemittel fungiert. Diese Datei muss im Verzeichnispfad auf gleicher ebene oder oberhalb der Ressourcendateien (Bilder, JS, CSS) liegen (z.B. werbung/Skyscraper/index.html)
- Alle Dateien müssen relativ miteinander verknüpft sein (z.B. src="css/meinedatei.css")
BEST PRACTISES
Um HTML5 Werbemittel möglichst einfach und kompatibel zu gestalten empfehlen wir Ihnen die folgenden Umsetzungsempfehlungen einzuhalten:
- Pro Werbemittel muss es genau eine HTML-Datei mit dem Namen index.html geben.
- Pro Werbemittel müssen alle Dateien in einem gemeinsamen Pfad liegen. CSS, Bilder, JavaScript und sonstige Dateien sollten in einem Pfad unterhalb der index.html liegen (z.B. banner/index.html, banner/css/styles.css, banner/js/scripts.js usw.)
- Alle Dateien müssen relativ eingebunden sein (z.B. src="js/scripts.js"). Einzige Ausnahme sind externe Ressourcen wie Frameworks und so weiter; diese müssen absolut mit vollständiger Domain eingebunden sein (z.B. src="http://mycdn.myadserver.com/frameworkxyz/script.js").
- Die HTML-Datei wird als IFrame eingefunden. Die HTML-Datei muss daher zwecks Klicktracking den Parameter &clickTag=... abfragen.
VORAUSSETZUNGEN FÜR KLICKTRACKING
Je nachdem welche Variante des Codes Sie verwenden, muss das Klicktracking unterschiedlich umgesetzt werden.
a) Code der HTML-Datei wurde extrahiert und als Werbemittelcode angezeigt
Um hier Klicktracking zu ermöglichen wird AdSpirit die hochgeladenen Dateien automatisch anpassen. Innerhalb des HTML-Codes bzw des JavaScript-Codes müssen zusätzlich ggf. die Voraussetzungen dafür angepasst werden. Auf folgende Wege kann innerhalb von JavaScript das Klicktracking umgesetzt werden (WICHTIG: Verwenden Sie NUR EINE der folgenden Varianten):
- AdSpirit definiert automatisch eine Funktion mit Namen clickTag() die für die Zählung von Klicks verantwortlich ist. Diese Funktion kann vor dem Öffnen des neuen Fensters aufgerufen werden. Beispiel:
window.open(clickTag(),"_blank"); - AdSpirit definiert ein Objekt "dhtml" mit einer dazugehörigen Funktion dhtml.getVar(name, default). Diese kann verwendet werden um sich die Ziel-URL des Werbemittels übergeben zu lassen. Beispiel:
window.open(dhtml.getVar("clicktag","http://www.adspirit.de"),"_blank"); - Im Code der Werbemittel-HTML-Datei kann eine Variable definiert werden, der AdSpirit die Ziel-URL via Macro übergibt. Die Variable kann später verwendet werden um das Fenster zu öffnen. Beispiel:
var zielseite = "%urlredirect%";
b) der Code der HTML-Datei bleibt unverändert; die HTML-Datei wird als IFrame eingebunden
Um hier Klicktracking zu ermöglichen muss innerhalb des Codes der URL-Parameter clickTag abgefragt werden. An diesen übergibt AdSpirit die beim Klick aufzurufende URL. Folgender Beispielcode kann dazu verwendet werden um den Parameter abzufragen:
function getParameter(name)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++)
{
var itm = vars[i].split("=");
if(itm[0] == name){return decodeURIComponent(itm[1]);}
}
return '';
}
//Beispielaufruf:
<a href="#" onclick="window.open(getParameter('clickTag'), '_blank'); return false">Klick hier!</a>
//oder:
<a href="http://www.zielseite.de" onclick="window.open(getParameter('clickTag')+encodeURIComponent(this.href), '_blank'); return false">Klick hier!</a>
VIDEO
- Ton/Audio: Der Ton darf nur mittels User-Aktion („onClick“) gestartet werden.
- Autostart: Video ohne Ton möglich – Wird das Video auf Klick gestartet kann der Ton mit starten.
- Loop/Wiederholung: Es ist grundsätzlich nur ein Loop erlaubt (d.h. max. 2x abspielen).
- Dateigewicht: Das initial geladene Dateigewicht muss den Vorgaben des jeweiligen Formates bzgl. der KB-Größe entsprechen. Über geeignete Nachlade-Verfahren, kann nach vollständigem Laden der Seite, bis zu einer maximalen Dateigröße von 5 MB nachgeladen werden.
- Videocodec: H.264 / MPEG-4 Codec oder als 3rd Party Tag mit Streaming Client (polite Download).
- Steuerungselemente: Die verwendeten Werbemittel müssen folgende Steuerungsmöglichkeiten beinhalten (fix oder bei Mouseover) „Stop“-, „Pause/ Play“- sowie einen „Ton an/aus“-Button.
- Video Play Time: Neuer IAB Standard: Einsatz von Video Play Time bis 30 Sekunden möglich.
- Frame Rate: Neuer IAB Standard: Einsatz einer maximalen Animation Frame Rate 24-fps.
- Videoinhalte dürfen erst geladen werden, wenn diese tatsächlich abgespielt werden. Ein Vorladen des Videos ist nicht gestattet.