SPECYFIKACJA TECHNICZNA INTERNETOWYCH FORMATÓW REKLAMOWYCH LUTY 2012

Transkrypt

1 formy layerowe formy standardowe I. Wymogi ogólne: SPECYFIKACJA TECHNICZNA INTERNETOWYCH FORMATÓW REKLAMOWYCH LUTY 2012 Komplet materiałów(kreacje, URL, parametry i szczegóły emisji, ewentualne kody emitujące/zliczające) powinien zostać dostarczony najpóźniej na 3 dni robocze przed startem kampanii. W przypadku kampanii niestandardowych czas ten ulega wydłużeniu do 7 dni. W nazwach kreacji dopuszczalne są wyłącznie litery, cyfry i podkreślniki. Kreacje.swf powinny zostać przygotowane w Adobe Flash 8.0 lub wersji wyższej. Maksymalny dopuszczalny frame rate kreacji.swf to 25 fps. Jeśli kreacje wykorzystują dźwięk powinien on zostać odtworzony dopiero po akcji użytkownika. Musi być także możliwość ponownego wyciszenia dźwięku. Zatrzymanie filmu musi zatrzymywać również dźwięk. Kreacja może obciążać procesor standardowego komputera maksymalnie w 25%. Za standardowy przyjmuje się komputer z procesorem Intel Celeron 1,7 GHz lub AMD Duron 1,7 GHz z zainstalowanym Flash Player w wersji 8. Zabronione jest używanie skryptów zmieniających okno przeglądarki (wymiar, położenie). Wyjątek stanowią kreacje, których założeniem są właśnie takie działania. W przypadku skryptów emisyjnych Kody kreacji nie mogą generować skryptów w innym języku niż JavaScript (w szczególności VBScript). Kreacje i kody serwujące nie mogą powodować występowania błędów lub ostrzeżeń podczas serwowania reklamy. Jeśli kreacja wykorzystuje multiclicktagi powinny być one zaszyte według schematu: clicktag1 dla 1 URL, clicktag2 dla 2 URL etc. Wielkość liter ma znaczenie. Wszystkie kreacje muszą spełniać wymogi wyszczególnione w dziale miar i wag. II. Dział miar i wag: forma rozmiar waga format pliku Billboard 750x100 px 40 kb Double Billboard 750x200 px 45 kb Triple Billboard 750x300 px 50 kb Expand / Push / Scroll Billboard 750x100 --> 750x300 px 50 kb Half Page 300x600px 40 kb Rectnagle 300x250 px 300 kb.swf /.jpg /.gif Long Button 300x125 px 30 kb Scroll Footer* wysokośd 30 px 30 kb Box** Wprost.pl - 160x120 px; 20 kb Film.com.pl - 180x70 px 20 kb Brandmark 300x300 px 40 kb Toplayer 500x400 px 40 kb Interstital szerkośd 1000px 50 kb.swf /.jpg /.gif Pop Up / Pop Under 400x400 px 40 kb.swf - 40 kb video Rectangle Video 300x250 px.fla - 1 MB.swf +.fla mailing szerokośd 650 px 40 kb.html poczta banner w newsletterze 468x60px 20 kb.jpg /.gif * - dostępny wylącznie w serwisach businessweek.pl, machina.pl ** - dostępny wyłącznie w serwisach wprost.pl, film.com.pl

2 III. Szczegóły techniczne: Wszystkie kreacje.swf, muszą posiadać zaszytą zmienną clicktag, według poniższej instrukcji: Nad przygotowaną animacją tworzymy nową warstwę. Ustawiamy ją jako najwyższą. Ustalamy warstwę jako symbol button i nadajemy jej parametr całkowitej przezroczystości. Do symbolu dowiązujmy wywołanie funkcji z odpowiednimi parametrami. geturl(_root.clicktag, "_blank"); var clicktag:string=loaderinfo(this.root.loaderinfo).parameters.clicktag; target_button.addeventlistener(mouseevent.click, targeturlhandler); function targeturlhandler(e:mouseevent):void{ if(clicktag){ var req:urlrequest = new URLRequest(clickTag); if(!externalinterface.available){ navigatetourl(req, "_blank"); else{ var struseragent:string = String(ExternalInterface.call("function(){ return navigator.useragent; ")).tolowercase(); if(struseragent.indexof("firefox")!= -1 (struseragent.indexof("msie")!= -1 && uint(struseragent.substr(struseragent.indexof("msie")+5,3))>=7)){ ExternalInterface.call("window.open", req.url, "_blank"); else{ navigatetourl(req, "_blank"); 1) Kreacje wykorzystujące streaming video (Rectangle Video) Kreacja składa się z dwóch plików:.swf (ramka obsługująca film) i.flv emitowany za pośrednictwem pliku SWF Waga pliku FLV: do 1 MB Czas trwania pliku FLV: do 30 sekund Wymiary kreacji.flv nie powinny przekraczać wymiarów obsługującego go pliku.swf Plik.swf musi zawierać przyciski umożliwiające zatrzymanie reklamy oraz wyciszenie dźwięku. Zgodnie ze standardami IAB Polska kreacja może uruchamiać się automatycznie, ale z wyciszonym dźwiękiem 2) Kreacje emitowane na warstwie a. Brandmark Kreacja powinna zawierać krzyżyk zamykający z dowiązaniem wywołania funkcji przekazanej do kreacji jako zmienna oncrossclick. Przez pojęcie krzyżyk zamykający rozumiemy button prostokątny o rozmiarach nakreślonych przez ramiona krzyżyka, min. 14x14 pikseli. Kreacja powinna posiadać przycisk minimalizacji reklamy do postaci belki z dowiązaniem wywołania funkcji przekazanej do kreacji jako zmienna minimize. W tym kształcie reklama nie może blokować obszaru większego niż obrys belki. Rozmiar widocznego obszaru w stanie minimalizacji reguluje się

3 parametrami liczbowymi w szablonie kreacji. Niedopuszczalne jest, aby przezroczysty obszar wielkości standardowej reklamy był klikalny lub uniemożliwiał klikanie na odnośniki w treści witryny. Dla tej kreacji symbol target_button nie może obejmować obszaru belki. Kreacja przy chwytaniu za belkę nie może przenosić na stronę klienta. Kreacja powinna zawierać przycisk powrotu do standardowej wielkości reklamy z dowiązaniem wywołania funkcji przekazanej do kreacji jako zmienna maximize. Funkcja odpowiada za zwiększenie obszaru widocznego do rozmiarów początkowych. Rozmiar ten należy wyregulować wartościami liczbowymi w szablonie kreacji. Krzyżyk zamykający geturl("javascript:"+_root.oncrossclick+"();","_self"); Przycisk minimalizacji geturl("javascript:"+_root.minimize+"();","_self"); Przycisk maksymalizacji geturl("javascript:"+_root.maximize+"();","_self"); var oncrossclick:string=loaderinfo(this.root.loaderinfo).parameters.oncrossclick; var minimize:string=loaderinfo(this.root.loaderinfo).parameters.minimize; var maximize:string=loaderinfo(this.root.loaderinfo).parameters.maximize; closebutton.addeventlistener(mouseevent.click,closeads); function closeads(e:mouseevent):void{ if(oncrossclick){ ExternalInterface.call(onCrossClick); minbutton.addeventlistener(mouseevent.click,minimizeads); maxbutton.addeventlistener(mouseevent.click,maximizeads); function minimizeads(e:mouseevent):void{ if(minimize){ ExternalInterface.call(minimize); function maximizeads(e:mouseevent):void{ if(maximize){ ExternalInterface.call(maximize); b. Toplayer Kreacja powinna zawierać krzyżyk zamykający z dowiązaniem wywołania funkcji przekazanej do kreacji jako zmienna oncrossclick. Przez pojęcie krzyżyk zamykający rozumiemy button prostokątny o rozmiarach nakreślonych przez ramiona krzyżyka, min. 14x14 pikseli. geturl("javascript:"+_root.oncrossclick+"();","_self"); var oncrossclick:string=loaderinfo(this.root.loaderinfo).parameters.oncrossclick; closebutton.addeventlistener(mouseevent.click,closeads); function closeads(e:mouseevent):void{ if(oncrossclick){ ExternalInterface.call(onCrossClick);

4 3) Kreacje wykorzystujące efekt Expand, Push, Scroll a. Expand Kreacja powinna mieć aktywny obszar na całej swojej powierzchni przez cały czas emisji (w stanie zwiniętym oraz w stanie rozwiniętym) z poniższym dowiązaniem: on (rollover){ geturl("javascript:"+_root.doexpand+"();","_self"); on (rollout){ geturl("javascript:"+_root.dolittle+"();","_self"); var doexpand:string=loaderinfo(this.root.loaderinfo).parameters.doexpand; var dolittle:string=loaderinfo(this.root.loaderinfo).parameters.dolittle; target_button.addeventlistener(mouseevent.roll_over, mouserollover); target_button.addeventlistener(mouseevent.roll_out, mouserollout); function mouserollover(e:mouseevent):void{ if(doexpand){ ExternalInterface.call(doexpand); function mouserollout(e:mouseevent):void{ if(dolittle){ ExternalInterface.call(dolittle); Rozmiar widocznego obszaru w stanie zwiniętym oraz rozwiniętym reguluje się parametrami liczbowymi w szablonie kreacji. Po najechaniu myszą na reklamę powinna się ona rozwijać, natomiast po zdjęciu myszy z obszaru reklamy, warstwa powinna się zwinąć do stanu początkowego b. Push Emisja kreacji rozpoczyna się od wyświetlenia postaci zminimalizowanej. Po pełnym załadowaniu, kreacja.swf wywołuje funkcję przekazaną do kreacji jako zmienna dopushlock. Funkcja ta rozpoczyna automatyczne rozpychanie serwisu i odsłania warstwę, na której osadzona jest kreacja.swf, do maksymalnego rozmiaru. Po 5 sekundach wywołana zostaje funkcja przekazana do kreacji jako zmienna dopushunlock, która rozpoczyna stopniowe ściąganie serwisu i zasłanianie kreacji.swf do rozmiarów wyjściowych. Po zakończeniu tego procesu odblokowywane są funkcje przekazane do kreacji jako zmienne dopushon i dopushoff o analogicznym działaniu jak opisane wyżej; ich wywoływanie determinowane jest akcjami użytkownika (najechanie, bądź zjechanie myszką z kreacji). Do tej chwili zablokowane powinny by również efekty animacyjne w kreacji flash wywoływane po najechaniu, bądź zjechaniu myszką z kreacji. Kreacja powinna mieć aktywny obszar na całej swojej powierzchni przez cały czas emisji (w stanie zwiniętym oraz w stanie rozwiniętym) z poniższym dowiązaniem: on (rollover){ geturl("javascript:"+_root.dopushon+"();", "_self"); on (rollout){ geturl("javascript:"+_root.dopushoff+"();", "_self"); var dopushon:string=loaderinfo(this.root.loaderinfo).parameters.dopushon; var dopushoff:string=loaderinfo(this.root.loaderinfo).parameters.dopushoff; target_button.addeventlistener(mouseevent.roll_over, mouserollover);

5 target_button.addeventlistener(mouseevent.roll_out, mouserollout); function mouserollover(e:mouseevent):void{ if(dopushon){ ExternalInterface.call(dopushon); function mouserollout(e:mouseevent):void{ if(dopushoff){ ExternalInterface.call(dopushoff); Po załadowaniu kreacja powinna wywoływać funkcję przekazaną do kreacji jako zmienna dopushlock: geturl("javascript:"+_root.dopushlock+"();", "_self"); var dopushlock:string=loaderinfo(this.root.loaderinfo).parameters.dopushlock; if(dopushlock){ ExternalInterface.call(dopushlock); Po 5 sekundach od rozpoczęcia animacji po raz pierwszy, kreacja powinna wywoływać funkcję przekazaną do kreacji jako zmienna dopushunlock: geturl("javascript:"+_root.dopushunlock+"();", "_self"); var dopushunlock:string=loaderinfo(this.root.loaderinfo).parameters.dopushunlock; if(dopushunlock){ ExternalInterface.call(dopushunlock); c. Mailing: Materiały muszą być w formacie HMTL + pliki graficzne, które są podpięte pod HTML Odnośniki do plików graficznych (plików statycznych) muszą być absolutne np. Style nie mogą być zaciągane z innego źródła muszą być w pliku HTML. Nie powinny być zawarte w nagłówku dokumentu, wyłącznie w jego treści. Style powinny być umieszczone przy elemencie (a nie w znacznikach <style type="text/css"></style>). Arkusze stylów muszą być zdefiniowane bezpośrednio w atrybucie style dla każdego ze znaczników. Np. <div style= width:100px; ></div>; W kodzie nie mogą być zamieszczone: JavaScript, ramki, elementy dynamicznego html; W stylach nie można umieszczać grafik np. tło (niektóre programy do obsługi poczty nie pobierają takich grafik) Ważne by grafiki nie były ustawione w HTMLu jako tło Maksymalna waga: plik tekstowy - 5 kb, html 40 kb, Kodowanie: ISO Jeśli kreacja będzie składała się jednej dużej grafiki, by zwiększyć skuteczność mailingu sugerujemy: o o pocięcie obrazka na kilka części do każdej dodanie oddzielnego tekstu alternatywnego ( alt= ), który w całości składałby się na podstawową treść oferty zawartej w graficznych elementach. Niezbędne dane do wysyłki: o temat maila o nazwa nadawcy maila o adresy maili testowych Przed wysłaniem faktycznego mailingu wysyłamy test, który musi zostać zaakceptowany przez klienta