Dynamic Sitebar

Owned by Silke Rapp
Last updated: Mar 29, 2018
3 min read

 FORMATE

Ausgangsgröße (Breite x Höhe): 200 x 600 Pixel – max. 200 KB
Größes des Fallback-GIFs (Breit x Höhe): 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

Die Dynamic Sitebar muss über Flashtalking und Flashtalking Redirects umgesetzt werden. Bitte wenden Sie sich hinsichtlich der technischen Kosten für die Einrichtung und der Auslieferung der Werbemittel sowie zur technischen Abstimmung an unseren Partner Flashtalking: de.studio@flashtalking.com
Tel. 0221 92235077

FLASHTALKING GMBH, Schanzenstr. 35, 51063 Köln

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.