Technische Spezifikationen

Transkript

1 Technische Spezifikationen Datenanlieferung Werbeformate Online-Advertorial VideoAd Newsletter Ansprechpartner

2 Datenanlieferung Technik & Reporting image Datenanlieferung: es ist eine gängige Bilddatei und kann von jedem computer ohne besondere Programme angezeigt und somit die Auslieferung garantiert werden. statisches JPG, GiF, PnG oder animiertes GiF Ziel-URL 3 Werktage vor Kampagnenstart Lieferadresse: admanagement@holzmann-medien.de flash-werbemittel Für die korrekte einbindung bzw. Klickzählung von Flash-Werbemitteln müssen folgende Voraussetzungen erfüllt werden: allgemeine Hinweise: Um den Popup-Blocker im internet explorer zu vermeiden, darf ein Flash-Werbemittel mit Actionscript 2 maximal für den Flash Player 8 exportiert werden. Für ein Flash-Werbemittel mit Actionscript 3 muss die spezifikation (siehe seite 8) für die Klickzählung beachtet werden, da bei alleiniger Verwendung der Funktion navigatetourl in Actionscript 3 der Popup-Blocker des internet explorers bei einem sog. windowlesswmode (transparent,opaque) aktiv und die Weiterleitung geblockt wird. CpU-auslastung: Aufwendige Animationen in den Werbemitteln führen zu einer er höhten cpu -Auslastung. Die cpu-auslastung einer swf-datei sollte % nicht über steigen. klickzählung: Übergabe mittels clicktag (actionscript 2) Bei dieser Methode wird die Klick-URL als ein Parameter an die URL des Flash-Werbemittels übergeben: Bei der erstellung der Klick-Aktionen muss das geturl -Kommando verwendet werden. Dabei ist auf folgende einstellungen zu achten, wenn eine Zählung der Klicks erfolgen soll: der eintrag clicktag steht im URL-Feld die einstellung Ausdruck ist aktiviert die einstellungen für das Zielfenster werden genauso wie der click über eine Variable gesteuert ( clicktarget ) oder können fest z. B. auf _blank gesetzt werden. Die Grafik auf der folgenden seite zeigt die Benutzeroberfläche unter Flash cs 3 (MacOs) mit den empfohlenen einstellungen (siehe screen rechts) Hinweis: sollte der klickbare Bereich nicht auf der obersten ebene liegen, so muss den Variablen clicktag und clicktarget noch ein _root. vorangestellt werden! Übergabe mittels clicktag (actionscript 3) Um das Blocken von PopUps im internetexplorer zu vermeiden, empfiehlt es sich folgende Funktion zu implementieren: var clicktag:urlrequest = new URLRequest(root.loaderInfo.parameters.clickTag); function openurl(url:string,target:string=null):void { if(! target) { target = _blank ; var req:urlrequest = new URLRequest(url); if (! ExternalInterface.available) { navigatetourl(req,target); var useragent:string=string(externalinterface. call( function(){return navigator.useragent; )).tolowercase(); if (useragent.indexof( firefox )!= -1 (useragent. indexof( msie )!= -1 && uint(useragent.substr(useragent.indexof( msie ) +5,3)) >= 6)) { ExternalInterface.call( window.open,req.url,target); else { navigatetourl(req,target); // ClickHandler-Funktion function clickhandler(event:mouseevent):void { openurl(clicktag, _blank ); //Anbindung des ClickHandlers an den Button button.addeventlistener(mouseevent.mouse_up,clickhandler); 2

3 Technik & Reporting Datenanlieferung flash-werbemittel klickzählung: Mehrere Click-through-Bereiche sollte ihr Flash mehrere click-through-bereiche mit verschiedenen Ziel-URLs enthalten, so kann auch an die Variable clicktag die entsprechende Ziel-URL angehängt werden (evtl. muss die Ziel-URLvoher URL- encoded werden, was hier nicht näher erläutert wird). Beispiel Actionscript 2: geturl(clicktag + clicktarget); Beispiel Actionscript 3: implementierung von o.g. Funktion und Anbindung verschiedener click-händler an Buttons // ClickHandler-Funktion function clickhandler1(event:mouseevent):void { openurl(clicktag+ _blank ); button1.addeventlistener(mouseevent.mouse_ UP,clickHandler1); function clickhandler2(event:mouseevent):void { openurl(clicktag+ _blank ); button2.addeventlistner(mouseevent.mouse_ UP,clickHandler2); flash-werbemittel expandable ads Die Flash-Datei muss bei einem expandable-werbemittel so programmiert werden, dass beim Auf- und Zuklappen entsprechende Fscommands aufgerufen werden. Der Adserver stellt hier die passenden Javascript-Funktionen auf der Website zur Verfügung, die das Auf- bzw. Zuklappen des DiV-containers - aus der Flash-Datei heraus - ermöglichen. Datenanlieferung: Flash-Datei (swf) 60 KB 3 Werktage vor Kampagnenstart Lieferadresse: admanagement@holzmann-medien.de in folgendem Beispiel wird das Aus- bzw. Zuklappen bei on(rollover) bzw. on(rollout) aufgerufen: aufklappen: on(rollover) { FSCommand( expand ); /* weitere Aktionen */ on(release) { geturl(clicktag, clicktarget); zuklappen: on(rollout) { FSCommand( contract ); /* weitere Aktionen */ on(release) { geturl(clicktag, clicktarget); HtML5 Datenanlieferung: html5-werbemittel haben sich mittlerweile mehr und mehr gegenüber Flash durchgesetzt und etablieren sich damit als neuer stand der Technik für digitale Werbemittel. Ziel ist es, schritt für schritt Probleme, die bei der Produktion und schaltung von html5-werbemitteln auftreten, zu beseitigen und den erhöhten Abstimmungs-, Produktions- und damit Zeitaufwand zu reduzieren. Der hauptgrund, html5 in der Werbemittelproduktion einzusetzen, liegt in den stark gestiegenen nutzerzahlen von Tablets und smartphones. Auf diesen endgeräten sind in Flash programmierte Werbemittel nicht buchbar. Die bisherige Praxis - Fallback-Bilder auf diesen Geräten anzuzeigen - schränkt den kreativen spielraum der Werbemittelgestaltung und letztlich die Werbewirkung ein. Die Werbemittel werden via script oder iframe in die Website eingebunden. Die standards gelten in weiten Bereichen auch für diese Werbemittel z.b. clicktag, Dateigröße und Anlieferung, etc. Zip-Datei (in der Zip-Datei muss eine index.html-dabei als startpunkt enthalten sein und alle eingebunden skripte sowie alle in der Zip-Datei enthaltenen elemente müssen relativ verlinkt sein. ReDirect 5 Werktage vor dem Kampagnenstart Lieferadresse: admanagement@holzmann-medien.de 3

4 Datenanlieferung Technik & Reporting HTML5 Klicktag Die Schreibweise für ClickTags lautet: clicktag Die Schreibweise für Multi-ClickTags lautet: clicktag, clicktag1, clicktag2 <n> Die folgenden Codezeilen sind in das HTML5-Werbemittel zur Übergabe der ClickTags 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( clicktag2 ).setattribute( href, geturiparams.clicktag2); </script> Klicktag am Beispiel Adobe Edge CC 4

5 Werbeformate Superbanner Aufmerksamkeitsstarkes Werbemittel mit vollflächiger Präsenz in der Bannerleiste. einsatz im sofort sichtbaren Bereich mit großem kreativen Gestaltungsspielraum. 728 x 90 Pixel expanded max. 728 x 250 Pixel gif, jpg, png, html5, swf (Flash+Fallback: gif) (Wide-)Skyscraper Weitere infos: Dieses hochformatige Werbemittel wird am rechten Bildschirmrand neben dem content platziert. Diese Werbeform zeichnet sich durch großen kreativen Gestaltungsspielraum und die sehr gute Wahrnehmung durch den User aus, da diese auch beim scrollen stets im sichtbaren Bereich bleibt. skyscraper: 120 x 600 Pixel; Wide-skyscraper: 160 x 600 Pixel expanded max.: 420 x 600 Pixel gif, jpg, png, html5, swf (Flash + Fallback: gif) Das Format wird sticky ausgeliefert Medium Rectangle/Rectangle/Content ad Prominente Platzierung im redaktionellen Umfeld der Website. Durch die zentrale Platzierung ist dieses Werbemittel permanent sichtbar und rückt in das Blickfeld des Users. Medium Rectangle: 300 x 250 Pixel expanded Medium Rect.: max. 500 x 500 Pixel Rectangle: 300 x 100 Pixel gif, jpg, png, html5, swf (Flash+Fallback: gif) Halfpagead Bei diesem Format handelt es sich um eine aufmerksamkeitsstarke Werbefläche. Durch die integration im contentbereich der site fällt der Blick des Users auf das auffällig große Werbeformat. 300 x 600 Pixel gif, jpg, png, html5, swf (Flash+Fallback: gif) Billboard Das großflächige Format zeichnet sich durch die Positionierung zwischen navigation und content aus. ihnen steht viel Platz für die Gestaltung und information zur Verfügung. Mit diesem Format erhalten sie eine neue Bühne für ihre Werbebotschaft. 940 x 250 Pixel gif, jpg, png, html5, swf (Flash+Fallback: gif) 5

6 Werbeformate Banderolead Das Werbemittel liegt im direkt sichtbaren Bereich und legt sich für eine gewissen Zeit wie ein streifen quer über die homepage. Das BanderoleAd ist effektiv und äußerst aufmerksamkeitsstark. 770 x 250 Pixel gif, jpg, png, html5, swf (Flash+Fallback: gif) overlay ein Overlay ist ein flash-animiertes Werbeformat. Dieses ist großflächig und hat einen unbegrenzten spielraum bei der Gestaltung. Die einblendung erfolgt bei Aufruf der homepage direkt über dem content. 200 x 300 Pixel 400 x 300 Pixel swf (Flash+Fallback: gif) Wallpaper Kombination aus superbanner und skyscraper. Wallpaper färben meist den oberen und rechten seitenrand der Website ein. ein aufmerksamkeitsstarkes Werbemittel, welches den Wiedererkennungswert stark erhöht. siehe einzelformate gif, jpg, png, html5, swf (Flash+Fallback: gif) Hintergrundfarbe: Ja ein hexcode kann für den hintergrund angeliefert werden klickbar. Hintergrund: Ja ein separater clickcommand kann für den hintergrund angeliefert werden : 2 separate Tags werden benötigt tandem ad/triple ad Die (gemeinsame) Auslieferung von unterschiedlichen klassischen Werbemitteln dient einer äußerst starken Wahrnehmung. Kombinationen aus einem superbanner, skyscraper, Layer Ad oder (Medium) Rectangle/content Ad sind möglich. siehe einzelformate jpg, gif, png, html5, swf (Flash+Fallback: gif) pro einzelformat fireplace ad Diese Platzierung umrahmt den content von drei seiten. Die FireplaceAd ist ein großzügiges Format, das lange im sichtfeld des nutzers bleibt und die Aufmerksamkeit auf die Werbebotschaft erhöht. Optimal ist eine erweiterung um das Billboard möglich. superbanner: x 90 Pixel skyscraper: x 600 Pixel jpg, gif, png, html5, swf (Flash+Fallback: gif) Hintergrundfarbe: Ja ein hexcode kann für den hintergrund angeliefert werden klickbar. Hintergrund: Ja ein separater clickcommand kann für den hintergrund angeliefert werden : es werden separate Tags werden benötigt 6

7 Online-Advertorial Dieses Format ist, ähnlich der PR-Anzeige, eine redaktionell gestaltete Anzeige, die mit dem Wort Anzeige kenntlich gemacht wird. Die integration ermöglicht dabei eine besondere Darstellung von umfassenden und detaillierten informationen sowie zahlreichen inhalten wie Bildern, Dateien, Videos, Verlinkungen etc. Kombiniert mit beispielsweise einem Formular kann dieses Format ideal für Gewinnspiele oder andere Direktmarketing-Aktivitäten eingesetzt werden. Das Online-Advertorial steht für einen Zeitraum von mindestens 4 Wochen auf dem gewählten Portal bereit. Flankierend werden Werbemittel mit hoher Reichweite print und online eingesetzt, um die nutzer zum Advertorial zu lenken. Datenanlieferung inhalt: Bild-/zusatzmaterial: anlieferung: allgemein: Dokumentation: Das Textmaterial kann als Word-Dokument oder als txt-datei angeliefert werden. Verlinkungen bzw. der einsatz / die Positionierung von Bildmaterial müssen hier vorab entsprechend gekennzeichnet werden. Das Gesamtlayout muss erkennbar sein. Die Textlänge ist grundsätzlich nicht limitiert. Für eine optimale Performance sollte jedoch eine zu lange scroll-strecke für den nutzer vermieden werden. Dies lösen wir ggf. über eine oder mehrere subsite/s. Bitte keine pdf-formate anliefern. Bilder (maximal jeweils KB; alles andere erhöht die Ladezeit der seite und schadet der Performance.) können im Format jpg oder gif angeliefert werden. Prinzipiell kann beliebig viel Bild- und Zusatzmaterial wie Dateien oder Videos integriert werden. Bitte senden sie die Daten mindestens zwei Wochen vor dem Kampagnenstart an admanagement@holzmann-medien.de es können keine ReDirects angeliefert werden. Für das Tracking kann ein clickkommand angeliefert werden. nach Laufzeitende wird eine ausführliche Dokumentation über das Advertorials erstellt. Grundsätzliche enthält diese Dokumentation folgende Punkte: Pageimpressions der Microsite Klicks auf Bilder (falls gewünscht) Klicks zur Landingpage screenshot der Microsite Beispiele 7

8 VideoAd Allgemein: Qualität: Darstellung, Dimension und Gestaltung: Format: MP4 Codec: H.264 Video: PAL, 720x405, 25 [fps], Progressiv Audio: AAC, 160 [kbit/s], 48 khz, Stereo Bitrate: VBR, 2-Pass, Ziel 1,50, Max. 2,00 [Mbit/s] Länge: 30 Sekunden Platzierung: rechte Teaserspalte Teaserbild: 720 Pixel im 16:9 Format Dateityp: jpg Überschrift: 35 Zeichen Text: 120 Zeichen Link: Landingpage 8

9 Newsletter TextAd Text: Grafik: Weitere Infos: Datenanlieferung: Aufmerksamkeitsstarke Anzeige mit Grafik. Hier haben Sie die Möglichkeit ein Bild oder Logo in der Dimension 190 Pixel in der Breite (fix) und 150 Pixel in der Höhe (variabel) zu platzieren. Daneben stehen Ihnen 350 Zeichen Text (Fließtext) für eine kurze Beschreibung des Inhalts sowie eine Verlinkung zur Verfügung. 350 Zeichen als Fließtext 190 Pixel breit (fix) und bis 150 Pixel hoch (variabel) DHZ aktuell: 240 Pixel breit (fix) und max. 240 Pixel hoch (variabel) statisches jpg, gif oder png keine animierten Grafiken 20 kb keine 3rd Party Tags/Redirect keine Zählpixel Clickkommands können integriert werden Bitte beachten Sie, dass Sie einen Vorschau-Link nicht standardmäßig, sondern nur auf Wunsch erhalten. ca. 3 Werktage vor Kampagnenstart an admanagement@holzmann-medien.de FullAd Datenanlieferung: 468 x 60 Pixel statisches jpg, gif oder png keine animierten Grafiken 40 kb ca. 3 Werktage vor Kampagnenstart an admanagement@holzmann-medien.de MediumRectangle Grafik: Platzierung: Weitere Infos: Datenanlieferung: Prominente Platzierung im redaktionellen Umfeld des Newsletters. Durch die zentrale Platzierung ist dieses Werbemittel ein Blickfang für den User. 300 x 250 Pixel DHZ aktuell statisches jpg, gif oder png keine animierten Grafiken 20 kb keine 3rd Party Tags/Redirect keine Zählpixel Clickkommands können integriert werden Bitte beachten Sie, dass Sie einen Vorschau-Link nicht standardmäßig, sondern nur auf Wunsch erhalten. ca. 3 Werktage vor Kampagnenstart an admanagement@holzmann-medien.de 9

10 Ansprechpartner Rebecca Koch Online Sales Manager Tel Julia Schmid Campaign Management Tel Annerose Kelleter Disposition Tel Erreichbarkeit: 08:00 12:00 Uhr Es gelten unsere Allgemeinen Geschäftsbedingungen für Onlinewerbung in der jeweils aktuellen Fassung, abrufbar unter: Alle Preise zuzüglich gesetzlicher Mehrwertsteuer.