Anforderungen der Werbemittel-Anlieferung

Transkript

1 Anforderungen der Werbemittel-Anlieferung

2 Inhalt 1 Checkliste für die Werbemittel-Anlieferung bei autobild.de 1 2 Besonderheiten von Werbemittel Wallpaper LayerAds und expandable Ads 2 3 Spezifikation für die Programmierung und Einstellung von Flash- Bannern Z-Index Klickzählung Verwendung von fscommands innerhalb von Flash-Bannern Aufruf von Javascript-Funktionen aus der HTML-/JS-Steuerdatei für Flash-Files Domain-übergreifende Movie-Kommunikation Realisierung von selbstschließenden Fenstern Nachträgliches Schreiben von HTML-Code 7 4 Kontakt A 4.1 Marketing & Sales A 4.2 Campaign Management A I

3 1 Checkliste für die Werbemittel-Anlieferung bei autobild.de Werbemittel, alternative Images, Klick-URLs, etc. sind mindestens drei Tage vor Kampagnenbeginn korrekt anzuliefern. Diese liefern Sie bitte an die - Adresse: Beachten Sie, daß alle Werbemittel vor Anlieferung zumindest für folgende Browser optimiert und getestet wurden: Internet Explorer 7.0 Internet Explorer 6.0 Internet Explorer 5.5 Opera 8.5 Firefox 1.5 Firefox 1.0 Mozilla 1.7 Netscape 7.1 Jedoch sollten Werbemittel grundsätzlich auf allen Versionen von Internet Explorer, Firefox, Opera, Safari und Netscape laufen. Achten Sie darauf, daß bei Anlieferung der Werbemittel folgende Informationen bzw. Dateien nicht fehlen dürfen: Name der Kampagne Laufzeit der einzelnen Werbemittel* Platzierung der einzelnen Werbemittel* Informationen der Verlinkung (Klick-URL) Alternatives Image (bei Flash- oder Rich-Media-Werbemitteln) * Diese Angaben sind notwendig, wenn eine Buchung/ein Auftrag nicht eindeutig ist. Achten Sie darauf, daß alle Werbemittel nach folgenden Anforderungen programmiert wurden (siehe Abschnitte 2 und 3). Seite 1

4 2 Besonderheiten von Werbemittel 2.1 Wallpaper Wallpaper bestehen technisch aus zwei Werbemitteln. Das ist bei einem Wallpaper optisch nicht zu erkennen, jedoch besteht es immer aus einem Topbanner (Superbanner) und einem auf der rechten Seite stehenden Werbemittel (Skyscraper). Bei autobild.de dürfen/sollten die beiden Werbemittel maximal folgende Maße haben: - Topbanner 980x90 und Skyscraper 210x600 - Topbanner 930x90 und Skyscraper 160x600 - Topbanner 890x90 und Skyscraper 120x LayerAds und expandable Ads Grundsätzlich müssen die sogenannten LayerAds und expandable Ads eine deutlichen und funktionierenden Schließen-Button vorweisen, über den der User das Werbemittel mit einem Klick vorzeitig schließen kann. Weiter dürfen diese Werbemittel den Content von autobild.de maximal 10 Sekunden verdecken und müssen sich dann automatisch schließen. Transparente Flächen im Flash, die den Content der Webseite verdecken, dürfen die Klickfunktionen der Webseite nicht beeinflussen, also auch nicht klickbar sein. 3 Spezifikation für die Programmierung und Einstellung von Flash-Bannern Der AdServer von autobild.de bietet die Möglichkeit Flash-Banner direkt einzubinden, ohne den Umweg über RichMedia gehen zu müssen. Dazu muß das Flash-Banner einige Voraussetzungen erfüllen, die im folgenden Kapitel erläutert werden. Flash-Banner müssen als SWF-Datei zusammen, optional mit einer alternativen GIF-Datei bereitgestellt werden. Die GIF-Grafik wird vom AdServer angezeigt, falls der Browser eine Darstellung des Flash-Banners nicht ermöglicht. In den weiteren Kapiteln werden Code-Beispiele für die Anlieferung von Flash-, DHTMLund RichMedia-Creatives gegeben. Diese müssen, je nach Anspruch an die Funktionalität des Creatives und die Vermarkter, von der Kreativ-Agentur neben SWF und Fallback-GIF in einer HTML-Steuerdatei angeliefert werden. 3.1 Z-Index Wurde ein Overlayer bzw. Layer oder ein Expandable Ad bei autobild.de gebucht, muss dieser den Z-Index eingestellt haben. Alle anderen Werbemittel dürfen keinen Z-Index enthalten. Seite 2

5 3.2 Klickzählung Voraussetzung im Flash-Banner für das Zählen der Klicks ist, daß die Klick-URL des Banners nicht fest in der SWF-Datei implementiert ist. Statt dessen muß für die Klick-URL die Variable clicktag (case-sensitive) verwendet werden. Diese wird dem Flash-Banner später bei der Auslieferung vom AdServer übergeben. Für die Klickzählung legt man im Flash in der obersten Ebene für den klickbaren Bereich eine neue Schaltfläche an und weist diesem Button folgende Aktion zu: Flash 5 & Flash 6 Unter Umständen kann es bei Flash-Werbemitteln mit zwei Buttons nötig sein, den Klickbutton durch den Aufruf on (release) { geturl(_level0.clicktag, "_blank"); manuell auf die oberste Ebene zu legen, damit der Klick erfolgreich ausgeführt werden kann. Optional kann bei der Target-Bestimmung des Fensters ebenfalls eine Variable benutzt werden, um eine nachträgliche Veränderung allein durch den Steuercode zu ermöglichen ohne daß die Flashdatei ein weiteres Mal angepaßt werden muß. on (release) { geturl(clicktag, clicktarget); In diesem Fall werden sowohl clicktag als auch clicktarget als Variable an die Flash-Datei gehängt, z.b. folgendermaßen: <PARAM NAME=movie VALUE="flashfile.swf?clickTag='+escape(Ads_ClickUrl)+'&clicktarget=_blank"> Seite 3

6 Aufgrund der Eingrenzung des <Param Name= Movie..> Aufrufs auf 2084 Zeichen seitens des Browsers ( empfehlen wir die Verwendung von Flashvars: Verwendung von fscommands innerhalb von Flash- Bannern Um die durch das AdSolution-Frontend zur Verfügung gestellten MultiUrl-Arrays in Flash- Files verwenden zu können, muß das entsprechende Flash-File zwingend mit einer HTML / Javascript-Steuerdatei angeliefert werden. In der Steuerdatei werden die fscommands definiert und vom Flash-File z.b. folgendermaßen aufgerufen: on (release) { fscommand('linkcall1',''); 3.4 Aufruf von Javascript-Funktionen aus der HTML-/JS- Steuerdatei für Flash-Files Unter Umständen kann es notwendig sein, bestimmte Javascript-Funktionen direkt aus dem Flash-File heraus aufzurufen. Wir empfehlen jedoch unbedingt, auch aufgrund vorliegender 3rd-Party- Spezifikationen, ausschließlich fscommands zu benutzen. Beispiel: Um das Ziel-Fenster des Kunden in bestimmter Größe zu öffnen, kann diese Funktion aufgerufen werden: on (release) { geturl("javascript:adsopentarget()"); 3.5 Domain-übergreifende Movie-Kommunikation Häufig wird gewünscht, eine Kreativ- und somit Domainübergreifende Objekt- Kommunikation zu ermöglichen. Dies ist unter anderem bei TandemAds, wie z.b. Wallpapers, sinnvoll, da diese normalerweise aus einem Shaped-Flash in einem DIV und einem Sky- oder Fullsize-Flash bestehen. Beide Flash-Files liegen in voneinander unabhängige Objekte, werden aber von dem gleichen Javascript-Code kontrolliert. Da bei der Auslieferung der Javascript-Code in einer anderen Domain als die Image-Files liegt, ist ein allow.domain-setting notwendig: Seite 4

7 Das Flash-File wird anschließend folgendermaßen aufgerufen, um jederzeit der Domain, auf der es ausgeliefert wird, volle Kontrollmöglichkeit zu geben: [ ] document.write('<param NAME="allowScriptAccess" VALUE="always">'); document.write('<param NAME="movie" VALUE=" document.write('<param NAME="flashvars" VALUE="?clickTag='+escape(Ads_ClickUrl)+'&domain='+window.location.hostname +'">'); [ ] Weitere Informationen hierzu finden Sie unter anderem mehr auf den Macromedia-Pages unter: Realisierung von selbstschließenden Fenstern Möchte man PopUps oder Interstitials ausliefern, welche sich nach einer bestimmten Zeit wieder selbstständig schließen, so muss beachtet werden, dass das eingestellte HTML- Banner selbst das PopUp/Interstitial öffnet. Dieses darf nicht von einer anderen Stelle aus erfolgen. Nur so können sie sich anschließend auch wieder ohne Probleme selbstständig schließen. Grund ist ein Browser- Sicherheitsmechanismus. Das Schließen eines Browser-Fensters darf nur von der URL aus durchgeführt werden, über welche zuvor das Browser-Fenster geöffnet wurde. Wird von einer anderen URL aus versucht, das Browser- Fenster zu schließen, so verhindert der Browser dies. Es erscheint dann entweder eine Fehlermeldung oder eine oft als lästig empfundene Rückfrage an den User. Die Vorgehensweise ist die, daß das HTML-Banner zunächst lediglich als 1x1 Zählpixel angelegt wird. Dieser Zählpixel liefert den Code aus, der das Interstitial aufbaut. Da dieses nun von der URL kommt, welche für den Aufbau gesorgt hat, darf es sich nun auch wieder selbst schließen. Seite 5

8 Im Anschluß ein Beispielcode für den Aufbau eines Interstitials. "flash.swf" ist dabei die verwendete Flash-Datei. Diese muß zum Schließen die JavaScript-Methode "parent.close();" aufrufen. Beispiel: <script language="javascript"> <!-- function dointerstitial() { var objinterstitial = window.open("","interstitial","toolbar=0,location=0,directories=0,status=0, menubar=0,scrolling=0,scrollbars=0,resizable=1,fullscreen=yes,screenx=0,scr eeny=0,top=0,left=0, height="+screen.height+",width="+screen.width); var strinterstitial = '<HTML>\n' + '<HEAD>\n\n' + '<TITLE>Click here!</title>\n\n' + '</HEAD>\n\n' + '<BODY bgcolor="#ffffff" leftmargin=0 topmargin=0 marginwidth="0" marginheight="0" scroll="no">\n' + '<object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" ersion=4,0,2,0" width="98%" height="98%">\n\n' + '<param name="movie" value="flash.swf?url=' + escape(ads_clickurl) + '">\n' + '<PARAM NAME=loop VALUE=false>\n' + '<PARAM NAME=menu VALUE=false>\n' + '<PARAM NAME=quality VALUE=high>\n' + '<PARAM NAME=scale VALUE=exactscale>\n' + '<PARAM NAME=bgcolor VALUE=#ffffff>\n' + '<EMBED src="flash.swf?url=' + escape(ads_clickurl) + '" loop=false menu=false quality=high scale=noborder bgcolor=#ffffff WIDTH=98% HEIGHT=98% TYPE="application/xshockwave-flash PLUGINSPAGE=" _Version=' + 'ShockwaveFlash"></EMBED>\n' + '</object>\n\n' + '</BODY>\n' + '</HTML>\n'; objinterstitial.document.open(); Seite 6

9 objinterstitial.document.write(strinterstitial); objinterstitial.document.close(); objinterstitial.focus(); dointerstitial(); // --> </script> 3.7 Nachträgliches Schreiben von HTML-Code Manchmal ist es notwendig, weiteren HTML-Code in die Seite zu schreiben, nachdem diese schon fertig geladen ist. Dies ist z.b. dann der Fall, wenn man einen Flash-Film über einen Layer abspielen will und dabei auf die Body-Eigenschaften zugreifen muß, welche erst nach dem Laden der Seite zur Verfügung stehen. Abhängig vom Browser gibt es zwei Möglichkeiten, HTML-Code nachträglich in eine Seite einzufügen. Beim Internet Explorer bedient man sich des "document.body.insertadjacenthtml"-befehls, während man beim Netscape über "new Layer" einen neuen Layer erstellt. Beispiel: <script language="javascript"> <!-- if (navigator.appversion.indexof("msie")!= -1) { document.body.insertadjacenthtml('beforeend','<div id="div1" style="...eigenschaften...">'); document.body.insertadjacenthtml('...html-code...</div>'); else { document.layers["div1"] = new Layer(1); document.layers["div1"].width =...; document.layers["div1"].height =...; document.layers["div1"]...andere Eigenschaften... document.layers["div1"].document.open(); document.layers["div1"].document.write("...html-code..."); document.layers["div1"].document.close(); // --> </script> Seite 7

10 Seite 8

11 4 Kontakt autobild.de Axel Springer Auto Verlag GmbH Brieffach Axel-Springer-Platz Hamburg 4.1 Marketing & Sales Stephan Djordjevic Fon +49 (0) Mail stephan.djordjevic@autobild.de Stefan Edl Fon +49 (0) Mail stefan.edl@autobild.de Arian-Elias Tawafi Fon +49 (0) Mail arian.tawafi@autobild.de Edgar van Eckert Fon +49 (0) Mail edgar.vaneckert@autobild.de 4.2 Campaign Management Stephan Djordjevic Fon +49 (0) Mail stephan.djordjevic@autobild.de Seite A