Specyfikacja techniczna form reklamowych

Transkrypt

1 Specyfikacja techniczna form reklamowych Specyfikacja zgodna ze standardem IAB Polska Do: Reklamodawcy Data aktualizacji Liczba stron: 19 Typ opracowania: Specyfikacja techniczna Rodzaj dokumentu: Dokument jawny

2 SPIS TREŚCI WPROWADZENIE... 3 OGÓLNE ZAŁOŻENIA DOTYCZĄCE, PRZYGOTOWANIA KREACJI... 3 MATERIAŁY KIEROWANE DO MEDIÓW REGIONALNYCH... 5 NAZEWNICTWO PLIKÓW REKLAMOWYCH... 5 KREACJE NIEANIMOWANE... 5 KREACJE ANIMOWANE... 6 FORMY REKLAM ROZMIARY I WAGI... 8 FORMY LAYEROWE BRANDMARK DRAWBRIDGE FOOT SCROLLER ROLLBAND INTERSTITIAL SCROLL BILLBOARD, SCROLL DOUBLE BILLBOARD STICKY SCROLL TOPLAYER FORMY EXPANDOWANE EXPANDY KLASYCZNE EXPAND CORNER PUSH EXPAND TRIPLE BILLBOARD PUSH EXPAND TRIPLE BILLBOARD PLUS SIDEKICK INNE FORMY REKLAMY E-INSERT SCREENING WATERMARK SLIDENOTE SONDA BOX, WINIETA BOX VIDEO i STREAMING AUDIO MOBILE OGÓLNE WYMAGANIA FORM REKLAMOWYCH INFORMACJE WAŻNE I PRZYDATNE! ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

3 WPROWADZENIE OGÓLNE ZAŁOŻENIA DOTYCZĄCE, PRZYGOTOWANIA KREACJI 1. Wymagamy jednorazowego przesłania wszystkich potrzebnych materiałów na cały okres trwania kampanii. W innym przypadku może nie być możliwe sprawdzenie oraz emitowanie reklamy w wyznaczonym terminie. 2. Należy dokładnie trzymać się wyznaczonych norm reklamowych wymienionych w tabelach. 3. Kreacje.swf przygotowane dla systemy adserwerowego powinny mieć zastępczą formę np.:.jpg lub.gif. Dla form typu expand reklama zastępcza musi mieć postać stanu nierozwiniętego. 4. Dla reklam typy.swf należy podać kolor tła w formacie kodu szesnastkowego np.: # (czarny). Ewentualnie podczas tworzenia kreacji w programie Adobe Flash, należy na najniższej warstwie zastosować wybrany kolor tła, nawet wtedy, jeśli jest to biały. W innym przypadku brak koloru będzie sugerował, że jest to tło transparentne. 5. Reklamy animowane typu.swf powinny być przygotowane do wersji Flash 9.0 włącznie. Wymagane jest zastosowanie Action Script 2.0 lub Formy reklamowe tekstowe, np. link sponsorowany, mają zawsze zastosowany atrybut rel="nofollow" dla znacznika <a>. 7. Niedozwolone jest tworzenie kreacji zaciągających dodatkowe elementy (np. streeming) lub odwołujących się do zewnętrznych plików. 8. Użycie streamingu dozwolone jest wyłącznie w przypadku reklam wideo, które powinny posiadać dobrze widoczne przyciski akcji jak: play, stop, mute. Forma ta może być uruchamiana automatycznie, ale z wyciszonym dźwiękiem. 9. Zabronione jest stosowanie skryptów zmieniające okno przeglądarki, jej wymiar oraz położenie. Wyjątek stanowią kreacje, których założeniem są właśnie takie działania. 10. Niedozwolone jest używanie skryptów śledzących interakcję użytkownika. 11. Kreacje niekompletne lub wywołujące błędy, nie będą przyjmowane. 12. Jeżeli w kampanii wymagane jest użycie multiclicktagow (więcej niż 1 clicktag), należy umieścić odpowiednie zaszycie: _root.clicktag1 dla 1 adresu url, _root.clicktag2 dla 2 adresu url, itd. 13. Każdy błąd przesuwa start rozpoczęcia emisji kampanii. 14. Limit FPS (frame per second) we wszystkich kreacjach to 25 (rekomendowana ilość klatek to 18 FPS). 15. Pliki źródłowe FLA przesłane w celu stworzenia nowej reklamy na wzór, powinny być zapisane do wersji Flash CS4. Przesłane powinny zostać również ze wszystkimi czcionkami wykorzystanymi w tej kreacji. 16. Każda z kreacji nie może obciążyć procesora wzorcowego, ustalonego przez SMP na P IV 2,6GHz, w więcej niż 30%. W momencie przekroczenia tej wartości SMP Media Regionalne mogą nie dopuścić do emisji takiej kreacji. Niektóre elementy, które mogą wpływać na nadmierne obciążenie to: a. Duża ilość akcji onclipevent(enterframe) wykonywanych jednocześnie. b. Animacja skomplikowanych kształtów wektorowych - polecamy zmniejszenie ilości punktów edycji krzywych. Kształty wektorowe o znacznej ilości punktów ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

4 węzłów - polecamy taki obiekt wyeksportować jako plik (jpg,png) i zaimportować ponownie. c. Animacja obiektów składających się z dużej ilości gradientów. d. Animacja wielu obiektów jednocześnie. e. Nadmierne używanie przejść z przezroczystości (alfa) na bitmapach - zalecamy stosowanie efektu tint. ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

5 MATERIAŁY MATERIAŁY KIEROWANE DO MEDIÓW REGIONALNYCH Wszystkie materiały muszą być dostarczone jednorazowo, na cały okres trwania kampanii. Jako komplet materiałów rozumie się: Komplet kreacji spełniających warunki specyfikacji lub kody serwujące kreacje, Komplet aktywnych URL-i, Zlecenie emisji, NAZEWNICTWO PLIKÓW REKLAMOWYCH 1. Materiały powinny być nazwane według następującego schematu. przykład: dom_a_nto_billboard_750x100_transparent_v1 dom_b_mr_skyscraper_lewo_300x250_v1 Przykład przedstawia dwie reklamy dla jednego nabywcy: - nazwa własna: dom - a,b: rozróżnienie dla więcej ilość form (jeśli występują) - witryna: nto - forma reklamy: billboard, skyscraper - kierunek expandowania - wymiar - transparent (jeśli występują) - wersja 2. Nazwy mogą zawierać wyłącznie: 2.1 litery (bez polskich znaków) 2.2 podkreślenia (bez spacji) 2.3 cyfry Nazwa własna: Witryna: Formy reklamowe: Wymiar: Wersja: Kierunek: Transparent: indywidualna nazwa klienta, przedmiotu, nazwa firmy itp. strona, na której będzie zamieszczona kreacja. np: bilboard, baner, button, skyscraper, toplayer itp. dokładny wymiar kreacji szczególnie wymagany przy reklamie.swf. numer umieszczony na końcu kreacji odnoszący się do poszczególnej wersji, zawierająca zmianę, aktualizację lub poprawkę. np. v1, v2 itd. dom_nto _billboard_750x100_v1 dom_nto _billboard_750x100_v2 kierunek, w która stronę będzie rozwijać się skyscraper. opis oznacza przezroczyste tło w kreacji. dom_pomorska _billboard_750x100_transparent _v1 KREACJE NIEANIMOWANE Formy tego typu powinny spełniać wszelkie wymogi dotyczące rozmiarów i wag podanych w tabeli, Formy reklam rozmiary i wagi. ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

6 KREACJE ANIMOWANE Przygotowanie kreacji typu.swf z zaszytymi zmiennymi i różnicami, które się pod nimi kryją. Z wykorzystaniem flash playera w wersji 9.0. Uwaga: Jedna z poniższych zmiennych powinna się znajdować w każdej linkowanej reklamie. Brak jej spowoduje brak przekierowania oraz statystyk kliknięć. a) clicktaga o umożliwia zliczanie statystyk, o zmianę adresu www nie ingerując w reklamę, o adres URL do akcji _root.clicktag,"_blank" należy przesłać razem z materiałami reklamowymi, b) zaszycie URL na stałe, (tzw. zaszycie na sztywno) o link do strony umieszczony w kreacji o brak statystyk kliknięć, o zmiana adresu www poprzez ingerencję grafika, Action Script 2.0 c) multiclicktaga o umożliwia podpięcie więcej niż jednego przekierowania, o w tym przypadku należy dodać cyfrę po słowie Tag, zaczynając od 1 itd., buttony nie mogą nakładać się na siebie, 1. Na najwyższej warstwie listwy czasowej, rysujemy prostokąt, następnie przekształcamy go w symbol button i nadajemy efekt przeźroczystości. 2. Wybierając symbol na stole roboczym uruchamiamy ustawiamy parametr operacji (operacja przycisk) na zmienną: 3. Zmienna clicktag on (release) { geturl(_root.clicktag,"_blank"); } 4. Zaszycie na sztywno on (release) { geturl(_root.clicktag1,"_blank"); } 5. Zmienna multiclicktag on (release) { geturl(_root.clicktag1,"_blank"); } ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

7 Action Script 3.0 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"); 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"); navigatetourl(req, "_blank"); Uwaga: Wielkość liter w zmiennej ma znaczenie clicktag. ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

8 FORMY REKLAM ROZMIARY I WAGI NAZWA FORMAT WYMIAR / piksele WAGA OPIS NA banner swf, gif, jpg 468x60 do 50 kb belka30 swf, gif, jpg 980x30 do 50 kb belka sponsorska swf, gif, jpg 500x30 do 50 kb belka regio swf, gif, jpg 650x30 do 50 kb belka regio1 swf, gif, jpg 670x30 do 50 kb belka regio2 swf, gif, jpg 120x30 do 50 kb belka regio3 swf, gif, jpg 530x30 do 50 kb belka60 swf, gif, jpg 670x60 do 50 kb belka90 swf, gif, jpg 670x90 do 50 kb billboard swf, gif, jpg 750x100 do 50 kb box 300x125 swf, gif, jpg 300x125 do 50 kb box 300x45 swf, gif, jpg 300x45 do 50 kb box 300x90 swf, gif, jpg 300x90 do 50 kb box 255x90 swf, gif, jpg 255x90 do 50 kb button swf, gif, jpg 160x120 do 50 kb button swf, gif, jpg 120x90 do 50 kb button swf, gif, jpg 120x60 do 50 kb button regio swf, gif, jpg 120x30 do 50 kb doublebillboard swf, gif, jpg 750x200 do 50 kb halfpage swf, gif, jpg 300x600 do 50 kb large rectangle swf, gif, jpg 336x280 do 50 kb low cost gif, jpg 140x110 do 50 kb medium rectangle swf, gif, jpg 160x160 do 50 kb medium rectangle swf, gif, jpg 200x200 do 50 kb mega billboard swf, gif, jpg 980x300 do 50 kb mega billboard swf, gif, jpg 768x150 do 50 kb rectangle swf, gif, jpg 300x250 do 50 kb rectangle (navibox) swf, gif, jpg 252x210 do 50 kb rectangle (box ogłoszenia) swf, gif, jpg 300x180 do 50 kb rectangle (box ogłoszenia) swf, gif, jpg 298x180 do 50 kb skyscraper swf, gif, jpg 120x400 do 50 kb skyscraper swf, gif, jpg 120x600 do 50 kb skyscraper swf, gif, jpg 160x600 do 50 kb triple billboard swf, gif, jpg 750x300 do 50 kb str.6-7 INNE FORMY NAZWA FORMAT WYMIAR / piksele WAGA OPIS NA e-insert swf 900x850 pikseli screening jpg, gif, png do 60kb watermark jpg, gif, png tapeta / watermark do 10kb str.17 slidenote html str.18 sonda box gif, jpg 170x36 do 50 kb str.18 winieta box gif, jpg 92x48 do 50 kb ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

9 FORMY LAYEROWE NAZWA FORMAT WYMIAR / piksele WAGA OPIS NA brandmark swf 300x300 do 50 kb str.10 drawbridge swf 120x x600 do 50 kb do 50 kb str x300 do 50 kb foot scroller swf, gif, jpg 1600x30 do 50 kb foot scroller swf, gif, jpg 1600x100 do 50 kb str.11 rollband swf, gif, jpg 750x200 do 50 kb str.11 interstitial swf, gif, jpg 800x468 do 50 kb scroll billboard swf, gif, jpg 750x100 do 50 kb scroll doublebillboard swf, gif, jpg 750x200 do 50 kb str.12 sticky scroll swf, gif, jpg 140x140 do 50 kb str.7-8 toplayer swf, gif, jpg dowolny do 50 kb str.12 FORMY MOBILNE NAZWA FORMAT WYMIAR / piksele WAGA OPIS NA baner 120x20 jpg, gif, png 120x20 do 7kb baner 168x28 jpg, gif, png 168x28 do 7kb baner 216x36 jpg, gif, png 216x36 do 7kb baner 300x50 jpg, gif, png 300x50 do 7kb large baner 120x30 jpg, gif, png 120x30 do 7kb large baner 168x42 jpg, gif, png 168x42 do 7kb large baner 216x54 jpg, gif, png 216x54 do 7kb large baner 300x75 jpg, gif, png 300x75 do 7kb str.18 FORMY EXPANDOWANE NAZWA FORMAT WYMIAR / piksele WAGA OPIS NA expand belka sponsorska swf 500x30>120 do 50 kb expand belka30 swf 980x30>200 do 50 kb expand banner swf 468x60>240 do 50 kb expand billboard swf 750x100>300 do 50 kb expand doublebillboard swf 750x200>300 do 50 kb expand triple billboard swf 750x300>600 do 50 kb expand skyscraper swf 120>480x600 do 50 kb expand skyscraper swf 160>640x600 do 50 kb expand rectangle swf 300>600x250 do 50 kb expand halfpage swf 300>600x600 do 50 kb str.13 expand corner swf 90>800x90>600 do 50 kb str.14 push billboard swf 750x100>300 do 50 kb push double billboard swf 750x200>300 do 50 kb push triple billboard swf 750x300>600 do 50 kb str.14 push triple billboard plus swf 750x300>600 do 50 kb str x250 do 50 kb sidekick swf str x600 do 50 kb ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

10 FORMY LAYEROWE BRANDMARK Reklama otwiera się nad aktywnym oknem przeglądarki, zdefiniowana na przezroczystej warstwie. W górnej części znajduje się belka, która umożliwiająca przesuwanie reklamy w obrębie przeglądarki. Na której znajdują się przycisk zamykający zamknij X, minimalizujący oraz maksymalizujący, zamieszczone w prawym górnym roku. a) Krzyżyk zamykający powinien mieć dowiązaną funkcję oncrossclick, a jego ramiona nie powinny być mniejsze niż 14px. b) Funkcja minimalizuj odpowiada za zwinięcie reklamy do postaci belki za pomocą zmiennej minimize. Przez co obszar pod belką staje się przeźroczysty. Zakres formy podstawowej nie może pozostać klikalny, ponieważ będzie uniemożliwiał użytkownikowi naciśnięcie linku na serwisie. c) Funkcja powrotu do rozmiaru standardowego przez zwinięciem, odbywa się poprzez umieszczenie zmiennej maximize. Action Script 2.0 Krzyżyk zamykania (oncrossclick) on (release){ flash.external.externalinterface.call(_root.oncrossclick); geturl("javascript:"+_root.oncrossclick+"();","_self"); Przycisk minimalizuj (minimize) on (release){ flash.external.externalinterface.call(_root.minimize); geturl("javascript:"+_root.minimize+"();","_self"); Przycisk (maximize) on (release){ flash.external.externalinterface.call(_root.maximize); geturl("javascript:"+_root.maximize+"();","_self"); ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

11 Action Script 3.0 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); function minimizeads(e:mouseevent):void{ if(minimize){ ExternalInterface.call(minimize); maxbutton.addeventlistener(mouseevent.click,maximizeads); function maximizeads(e:mouseevent):void{ if(maximize){ ExternalInterface.call(maximize); DRAWBRIDGE Reklama składa się z trzech form reklamowych, dwóch skyscraper ów oraz toplayera. Skyscrapery są formami scorllowanymi wyświetlonymi w obu górnych rogach przeglądarki. Po najechaniu użytkownika na daną formę zostaje wywołana funkcja Expand poprzez parametry doexpand, funkcja dolittle nie zostaje wykorzystywana. Następnie zostaje wyświetlony tolayer z zamieszczoną zmienną oncrossclick analogicznie jak w formie Toplayer. FOOT SCROLLER Foot scroller jest reklamą w formie paska znajdującego się w dolnej części serwisu o wymiarach 1600x30 lub 1600x100. Kreacja ta przypomina popularne w telewizji paski o charakterze informacyjnym (najlepiej krótkie hasła reklamowe). Czas trwania przekazu wynosi 30 sekund i jest on z góry określony przez kody emisyjne. Reklama 1600x100 jest identyczna jak 1600x30, lecz wzbogacona o element statyczny lub animowany zamieszczony z lewej strony reklamy w polu o wymiarach 100x100 pikseli. Reszta animacji nie może przekraczać wysokości 30px. Reklama nie dopasowuje się do danej rozdzielczości monitora, jest wyświetlana od lewej krawędzi przeglądarki. Prawa strona zostanie przycięta. Obszar nad paskiem powinien posiadać tło transparentne. Format 1600x30 mogą być poruszane bezpośrednio podczas emisji za pomocą kodu serwującego, w zależności od kierunku (lewo, prawo). Wystarczy przygotować kreację statyczną (JPG, GIF) oraz wskazać kierunek w zleceniu emisji. ROLLBAND Forma reklamowa wyświetlana na półprzeźroczystym tle przechodzącym przez środek przeglądarki. Posiada funkcję scrollowania, wzdłuż serwisu. Zminimalizowanie do prawej strony jest wywoływane automatycznie po ustalonym czasie lub ingerencji ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

12 użytkownika. Naciskając na krzyżyk lub pasek zwijający, który zostaje zamieszczony poprzez kody emisyjne. INTERSTITIAL Interstitial jest formą pełnoekranową niezajmującą całej powierzchni ekranu, lecz całą przestrzeń wewnątrz okna przeglądarki. Powinna zostać przygotowana w standardowym rozmiarze 800x468 pikseli. Forma ta nie jest skalowana, zostaje ona wyświetlona na środku przeglądarki z otaczającym ją jednolitym kolorem zasłaniającym cały serwis. Istnieje możliwość ustawienia stopnia przeźroczystości 0-100% tego koloru, który należy podać w kodzie szesnastkowym np. # (kolor czarny). Czas trwania animacji nie przekracza 10 sekund i jest on z góry określony przez kody emisji. Podczas której zostanie dodatkowo podpięty przycisk zamknij X, będzie on się znajdował nad reklamą przy prawej górnej krawędzi. SCROLL BILLBOARD, SCROLL DOUBLE BILLBOARD Posiada funkcję scrollowania, wzdłuż serwisu. Jest stale widoczna dla użytkownika., zawiera przycisk zamknięcia zamknij X, który po kliknięciu powoduje odesłanie kreacji do podstawowego miejsca reklamowego. Przycisk zamykający jak i efekt scroll jest wywoływany za pomocą kody emisyjnych. STICKY SCROLL Forma jest wyświetlana po każdorazowym przewinięciu serwisu przez użytkownika. Znajduje się w obszarze suwaka przeglądark, na marginesie. Automatycznie zostaje zamknięta po upływie 3 sekund, czas jest określony w kodach emisyjnych. TOPLAYER Reklama otwiera się nad aktywnym oknem przeglądarki, zdefiniowana na przezroczystej warstwie. W prawym górnym rogu znajduje się dobrze widoczny przycisk zamykający zamknij X. Reklama wyłącza się po pływie wyznaczonego czasu nieprzekraczającego 20sek, czas jest ustawiany poprzez kody emisyjne. Krzyżyk zamykający powinien mieć dowiązaną funkcję oncrossclick, a jego ramiona nie powinny być mniejsze niż 14px. Action Script 2.0 on (release){ flash.external.externalinterface.call(_root.oncrossclick); geturl("javascript:"+_root.oncrossclick+"();","_self"); Action Script 3.0 var oncrossclick:string=loaderinfo(this.root.loaderinfo).parameters.oncrossclick; closebutton.addeventlistener(mouseevent.click,closeads); function closeads(e:mouseevent):void{ if(oncrossclick){ ExternalInterface.call(onCrossClick); ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

13 FORMY EXPANDOWANE Efekt rozwinięcia kreacji regulują parametry liczbowe w funkcji doexpand (rozwiń) oraz dolittle (zwiń) w kodzie emisyjnym. Forma ta powinna posiadać obszary aktywne, przez cały czas trwania emisji. Po najechaniu na reklamę powinna się ona rozwijać, natomiast po zjechaniu z obszaru reklamy, warstwa powinna się zwinąć do stanu pierwotnego. Od momentu zwinięcia, do rozwinięcia nie powinien on przekraczać 5 sekund. EXPANDY KLASYCZNE - expand belka 30, - expand belka sponsorska, - expand banner, - expand billboard, - expand doublebillboard, - expand triplebillboard, - expand rectangle, - expand halfpage, - expand skyscraper, Action Script 2.0 on (rollover){ flash.external.externalinterface.call(_root.doexpand); geturl("javascript:"+_root.doexpand+"();","_self"); on (rollout){ flash.external.externalinterface.call(_root.dolittle); geturl("javascript:"+_root.dolittle+"();","_self"); Action Script 3.0 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); ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

14 EXPAND CORNER Reklama zamieszczona w górnym prawym rogu przeglądarki, rozwijana po przekątnej ku jej środkowi. W formie zwiniętej wygląda jak zagięta kartka zeszytu, przez którą widać następną stronę. Efekt zagięcia nie jest dodawany poprzez kody emisyjne. Efekt rozwinięcia kreacji analogicznie jak przy formach Expand, poprzez parametry liczbowe doexpand (rozwiń) oraz dolittle (zwiń), uruchamiane poprzez kody emisyjne. Forma ta powinna posiadać obszary aktywne, przez cały czas trwania emisji. Po najechaniu na reklamę powinna ona się rozwijać, natomiast po zjechaniu z obszaru reklamy, warstwa powinna się zwinąć do stanu pierwotnego. Od momentu rozwinięcia do zwinięcia, nie powinien on przekraczać 5 sekund. Kreacja zawiera w prawym rogu dobrze widoczny przycisk zamykający X widoczny przez cały czas trwania emisji. Krzyżyk zamykający powinien mieć dowiązaną funkcję oncrossclick, analogiczne forma Toplayer, a jego ramiona nie powinny być mniejsze niż 14px. PUSH EXPAND TRIPLE BILLBOARD Efekt rozwinięcia kreacji regulują parametry liczbowe w funkcji dopushlock, dopushon oraz dopushunlock, dopushoff w kodzie emisyjnym. Forma ta powinna posiadać obszary aktywne, przez cały czas trwania emisji. Po najechaniu na reklamę powinna się ona rozwijać z jednoczesnym rozpychaniem serwisu w dół. Natomiast po zjechaniu z obszaru reklamy, warstwa powinna się zwinąć do stanu pierwotnego, ściągając serwis w górę. Od momentu zwinięcia, do rozwinięcia nie powinien on przekraczać 5 sekund. Action Script 2.0 on (rollover){ flash.external.externalinterface.call(_root.dopushlock); geturl("javascript:"+_root.dopushlock+"();", "_self"); }} on (rollout){ flash.external.externalinterface.call(_root.dopushunlock); geturl("javascript:"+_root.dopushunlock+"();", "_self"); }} Action Script 3.0 var dopushon:string=loaderinfo(this.root.loaderinfo).parameters.dopushon; target_button.addeventlistener(mouseevent.roll_over, mouserollover); function mouserollover(e:mouseevent):void{ if(dopushon){ ExternalInterface.call(dopushon); var dopushunlock:string=loaderinfo(this.root.loaderinfo).parameters.dopushunlock; if(dopushunlock){ ExternalInterface.call(dopushunlock); } ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

15 var dopushoff:string=loaderinfo(this.root.loaderinfo).parameters.dopushoff; target_button.addeventlistener(mouseevent.roll_out, mouserollout); function mouserollout(e:mouseevent):void{ if(dopushoff){ ExternalInterface.call(dopushoff); }} var dopushlock:string=loaderinfo(this.root.loaderinfo).parameters.dopushlock; if(dopushlock){ ExternalInterface.call(dopushlock); } PUSH EXPAND TRIPLE BILLBOARD PLUS Efekt rozwinięcia kreacji regulują parametry liczbowe w kodzie emisyjnym. Forma ta powinna posiadać obszary aktywne, przez cały czas trwania emisji. Po pełnym wczytaniu zostaje automatyczne wywołana funkcja dopushlock powodująca rozwijanie reklamy oraz rozpychanie serwisu w dół. Po upływie 5 sekund następuje wywołanie funkcji dopushunlock powodując jego ściąganie oraz powrót reklamy do postaci zwiniętej. Kolejne rozwinięcia występują już po samej ingerencji użytkownika. Action Script 2.0 flash.external.externalinterface.call(_root.dopushlock); geturl("javascript:"+_root.dopushlock+"();", "_self"); } Action Script 3.0 var dopushlock:string=loaderinfo(this.root.loaderinfo).parameters.dopushlock; if(dopushlock){ ExternalInterface.call(dopushlock); } Po 5 sekundach powinna zostać wywołana funkcja doushunlock. Action Script 2.0 flash.external.externalinterface.call(_root.dopushunlock); geturl("javascript:"+_root.dopushunlock+"();", "_self"); } ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

16 Action Script 3.0 var dopushunlock:string=loaderinfo(this.root.loaderinfo).parameters.dopushunlock; if(dopushunlock){ ExternalInterface.call(dopushunlock); } Rozwinięcie po akcji użytkownika poprzez najechanie kursorem na reklamę. Action Script 2.0 on (rollover){ flash.external.externalinterface.call(_root.dopushlock); geturl("javascript:"+_root.dopushlock+"();", "_self"); }} on (rollout){ flash.external.externalinterface.call(_root.dopushunlock); geturl("javascript:"+_root.dopushunlock+"();", "_self"); }} Action Script 3.0 var dopushon:string=loaderinfo(this.root.loaderinfo).parameters.dopushon; target_button.addeventlistener(mouseevent.roll_over, mouserollover); function mouserollover(e:mouseevent):void{ if(dopushon){ ExternalInterface.call(dopushon); var dopushoff:string=loaderinfo(this.root.loaderinfo).parameters.dopushoff; target_button.addeventlistener(mouseevent.roll_out, mouserollout); function mouserollout(e:mouseevent):void{ if(dopushoff){ ExternalInterface.call(dopushoff); SIDEKICK Reklama składa się z dwóch form.swf, rectangle i halfpage. Najpierw zostaje wyświetlona forma rectangle. Po najechaniu użytkownika na przycisk otwórz zostaje wywołana funkcja Expand poprzez parametry doexpand, funkcja dolittle nie zostaje wykorzystywana. Dla AS3.0 należy zamienić nazwę obszaru aktywnego z target_button na open_button gdyż clicktag i przycisk otwórz nie mogą się nazywać tak samo, przykład poniżej. Po aktywacji serwis zostaje przesunięty w lewo na szerokość reklamy, a w wolne miejsce zostaje wczytany halfpage, zawierając zmienna oncrossclick analogicznie jak w formie Toplayer zamieszczony pod przyciskiem zamknij. Formy nie łączą się ze sobą graficznie, lecz występują w pewnej odległości od siebie. ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

17 Action Script 3.0 var doexpand:string=loaderinfo(this.root.loaderinfo).parameters.doexpand; open_button.addeventlistener(mouseevent.roll_over, mouserollover); function mouserollover(e:mouseevent):void{ if(doexpand){ ExternalInterface.call(doexpand); INNE FORMY REKLAMY E-INSERT Forma reklamowa typu e-insert składa się z pliku głównego i plików pobocznych w formacie.swf (strony gazety). Plik główny zawiera małe strony poglądowe, oraz otaczające je grafika wraz z przyciskami nawigacji. By obniżyć wagę gazetki duże pliki zaciągane są z osobnego folderu (pages), każda strona powinna być zamieszczona w osobnym pliku.swf i nie przekraczać dopuszczalnej wagi 200kb. Należy pamiętać, że im więcej stron tym waga głównego pliku rośnie, co może powodować długie wczytywanie się gazety. Uwaga: 1. Kreacje należy przygotować za pomocą Adobe Flash 9.0 lub w niższej wersji. 2. Wymagany jest zastosowanie Action Script Powiadomienie wyskakujące w przypadku braku lub starej wersji wtyczki Flash Palyer, z możliwością jego ściągnięcia. 4. Małą wagę umożliwiającą szybkie wczytywanie. 5. Możliwość powiększenia, przekładania stron, jeśli jest to wymagane. 6. Strony duże w e-insercie powinny znajdować się w osobnym pliku i być zaciągane do kreacji osobno. Co umożliwi stopniowe wczytywanie wybranych stron i zmniejszy wagę pliku głównego (.SWF). SCREENING Forma ta jest wyświetlana jako tło serwisu i łączona najczęściej z billboardem/ doublebillboardem/ triple billboardem oraz odpowiednikami w formie expandowanej lub push. Serwisy Mediów Regionalnych mają screening wczytywany od górnej krawędzi przeglądarki. Wzorcem może być serwis np.: na którym screening wchodzi pod szary pasek na górze. Reklama łącząca ze screeningiem zostaje wyświetlona 45px od górnej krawędzi przeglądarki. Według tego poprzez kody emisyjne już sami dostosowujemy tą formę na inne portale. Forma ta ma ograniczoną wysokość ze względu na wagę, w takim przypadku można podczas emisji ustawić kolor tła serwisu tak, aby łączył się graficznie z dolną częścią screeningu. Kod koloru należy podać w formie szesnastkowej np. # kolor czarny. WATERMARK Forma statyczna reklamy, umieszczona na tapecie witryny, może zawierać logo, znaki graficzne itp. Jeden plik zostaje powielony na całą szerokość i wysokość serwisu. Reklama powinna być pokryta wzorem o obniżonej widoczności, a powtarzający się motyw nie może utrudniać czytelności serwisu (znak wodny). Media Regionalne muszą każdorazowo ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

18 zaakceptować wygląd zamieszczanego watermarka i mogą odmówić przyjęcia zamówienia na ten rodzaj reklamy bez podania przyczyny. Podpowiedź: Przy rozdzielczości monitora 1280x1024 zostaje biały pasek na watermarka. Między krawędzią przeglądarki, a krawędzią serwisu są 142piksele. SLIDENOTE Forma reklamy tekstowej lub graficznej występująca na stronach artykułowych. W trakcie przewijania serwisu w dół, następuje wysunięcie z prawego dolnego rogu. Kod serwujący podpięty podczas emisji zawiera opcję zamykania. SONDA BOX, WINIETA BOX Obie te formy są reklamami statycznymi wkomponowanymi w layout strony. Media Regionalne muszą każdorazowo zaakceptować wygląd zamieszczanej reklamy, mogą również odmówić przyjęcia zamówienia na ten rodzaj reklamy bez podania przyczyny. VIDEO i STREAMING Forma reklamy jest wykorzystywana najczęściej w kreacjach typu banner, billboard, doublebillboard, triple doublebillboard, rectangle i brandmark. Wymagane jest, aby zawierała dobrze widoczne przyciski play, stop oraz przycisk umożliwiający włączenie/wyłączenie głosu, jeśli owy występuje. Dźwięk uruchamiany po akcji użytkownika, kreacja uruchamiana automatycznie z wyciszonym dźwiękiem. Uwaga. Przycisk clicktag nie może nachodzić (zasłaniać) wyżej wymienione przyciski akcji. Plik video nie powinien przekraczać wagi 500kB, oraz czasu trwania nie powinien być dłuższy niż 20 sekund. Typem pliku dla video jest FLV. Wymagane jest, aby pliki posiadały tą samą nazwę różniącą się tylko typem rozszerzenia. Aby umożliwić zaciąganie pliku poprzez streaming należy podpiąć w kodzie kreacji zmienną flvurlname Dzięki niej podczas emisji reklamy będzie możliwe podpięcie, pliku FLV do reklamy SWF. Przykładowa nazwa pliku: dom_pomorska_doublebillboard _750x200_video_v1.swf dom_pomorska_doublebillboard _750x200_video_v1.flv STREAMING: Wykorzystywany jest w przypadku form reklamowych zawierające fragmenty video. Streaming nie powinien przekraczać 512/ kbps, wartość zalecana to 256/ kbps. AUDIO Forma z zamieszczonym wewnątrz plikiem dźwiękowym w formacie mp3 lub wav. Wymagane jest, aby zawierała dobrze widoczne przyciski włączy/wyłącz głos. Dźwięk musi zostać uruchomiony dopiero po akcji użytkownika, kreacja uruchamiana automatycznie z wyciszonym dźwiękiem. Waga takiego pliku nie może przekraczać dopuszczalnej normy. Tabela wag znajduje się w dziale Formy Reklamy Internetowej. MOBILE Reklamę na urządzenia mobilne oraz telefony komórkowe należy przygotować w czterech rozmiarach. Gdyż dana forma będzie emitowana na ekranie z rozdzielczością dla niej przeznaczoną. Formaty plików do wyboru: JPG, PNG, GIF (formy statyczne), GIF (forma animowana). Waga jednego pliku nie może przekraczać 7kb. ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)

19 OGÓLNE WYMAGANIA FORM REKLAMOWYCH 1. Formy reklamowe powinny być wykonane według powyższej specyfikacji. 2. Nazwy przesłanych plików muszą być identyczne, różniące się jedynie rozszerzeniem. 3. Reklama video, czyli główny plik.swf powinien komunikować się plikiem zawierającym streaming. 4. Pliki JPG/GIF/PNG nie są formą umożliwiającą emisję filmu wideo. 5. Waga reklamy powinna zgadzać się z opisem w nazwie. 6. Formy niestandardowe występujące w kreacji należy przekonwertować na grafikę wektorową. 7. Wszystkie reklamy muszą posiadać zaszytą zmienną _root.clicktag pozwalającą podpiąć w kodach serwujących prawidłowy link. 8. Przyciski typu: play, stop, rewind, zamknij X powinny być łatwo dostępne niesprawiające trudności dla użytkownika. 9. Należy zwrócić szczególną uwagę na wielkość liter w zmiennych. INFORMACJE WAŻNE I PRZYDATNE! Jak sprawdzić czy plik.swf posiada poprawnie zaszyty _root.clicktag? 1. Plik z reklamą musimy umieścić na serwerze 2. W oknie przeglądarki (np.: IE 6) wpisujemy adres url do pliku.swf (nie lokalnie, tylko przez 3. Dopisujemy bez pozostawiania odstępu:?clicktag= i także bez odstępu adres url, na który ma odnosić kreacja, inny niż docelowy dla danej kampanii, np.: 4. Następnie klikami na kreację. Jeśli w nowym oknie otworzy się strona, której url wpisaliśmy, to kreacja jest poprawnie wykonana ul. Prosta 51, Warszawa, tel.: (022) , fax.: (022)