Reklama w wortalu Sympatia.pl specyfikacja techniczna form reklamowych

Transkrypt

1 Reklama w wortalu Sympatia.pl specyfikacja techniczna form reklamowych

2 Spis treści: Zasady ogólne... 3 Zasady tworzenia kreacji reklamowych... 3 Banner 468x60 pikseli... 7 Banner rozwijany 468x60 > 240 pikseli... 8 Billboard 750x100 pikseli... 8 Billboard rozwijany 750x100 >300 pikseli... 8 Doublebillboard 750x200 pikseli... 9 Navibox 300x250 pikseli Skyscraper 160x600 pikseli Tapeta Brandmark E-spot Pop-up, pop-under Scroller Toplayer Videoad Kartki Pasek reklamowy rozwijany 620/770 x 20 >100/300 pikseli

3 Zasady ogólne Wszystkie reklamy przeznaczone do emisji na stronach Sympatia.pl powinny spełniać warunki określone w założeniach ergonomicznych dla reklam oraz warunki specyfikacji technicznej dla reklam publikowanych w Sympatia.pl. Onet.pl może zweryfikować reklamę pod kątem jej zgodności z wyżej wymienionymi specyfikacjami i nie dopuścić do jej emisji bądź przerwać jej emisje w przypadku niespełnienia powyższych warunków. Wyświetlenie reklamy na stronach portalu Sympatia.pl nie oznacza automatycznie, że Onet.pl stwierdził zgodność reklamy ze specyfikacją reklamową. Wszystkie gotowe materiały reklamowe konieczne do rozpoczęcia kampanii muszą być dostarczone nie później niż na 3 dni robocze przed rozpoczęciem emisji a przypadku materiałów w formacie flash, html i rich media nie później niż na 5 dni roboczych w celu przetestowania ich przez Onet.pl. W przypadku materiałów w formacie flash, html i rich media konieczne jest dostarczenie zastępczej wersji gotowych materiałów w prostym formacie graficznym (jpg, gif, gif animowany), które będą emitowane, gdy przeglądarka użytkownika uniemożliwia wyświetlenie materiałów w formatach bardziej zaawansowanych. Materiały reklamowe dostarczane w formie skompresowanej powinny być skompresowane w formacie Zip. Zasady tworzenia kreacji reklamowych Poniższe zasady dotyczą wszystkich form reklamy dostępnych w Sympatia.pl. Oprócz tego konieczne jest przestrzeganie zasad szczegółowych, specyficznych dla poszczególnych form reklamy, które zebrane są w dalszej części specyfikacji w punktach dotyczących tych form reklamy. Ogólne 1. Zabronione jest tworzenie reklam automatycznie przekierowujących do serwisu reklamodawcy bądź pobierających w trakcie emisji dodatkowe elementy / treści lub odwołujących się do zewnętrznych plików (np.: streaming w kreacjach *.swf). Przekierowanie bądź pobranie dodatkowych elementów / treści może odbyć się wyłącznie po kliknięciu przez użytkownika portalu Sympatia.pl w reklamę. 2. Reklama, czy to w całości czy tylko jej elementy, nie powinna być pobierana z zewnętrznego źródła lecz z serwerów Onet.pl. 3. Adres docelowy (tzw. click URL) może zawierać maksymalnie do 200 znaków. 4. Dźwięk w reklamach typu in-page i w stałych elementach sponsorskich nie może być odtwarzany automatycznie. Dopuszczalne jest odtwarzanie dźwięku jedynie po kliknięciu w reklamę. Jeśli reklama posiada dźwięk musi zawierać czytelne oznaczenie włączenia i wyłączenia dźwięku. Wyjątek stanowią reklamy typu Videoad. 5. Dźwięk w reklamach expandowanych (rozwijanych) nie może być odtwarzany automatycznie. Dopuszczalne jest odtwarzanie dźwięku jedynie po wykonaniu przez użytkownika akcji powodującej rozwinięcie się reklamy (najechanie kursorem myszy bądź kliknięcie). Dźwięk powinien wyłączać się automatycznie po zwinięciu reklamy. 3

4 6. Reklamy toplayer, espot, videoad, instream videoad mogą zawierać dźwięk w całym czasie emisji. W reklamach typu in-page dźwięk nie powinien trwać dłużej niż animacja. 7. Pliki dźwiękowe powinny być pobierane z serwerów Onet.pl. Za techniczne przygotowanie kreacji wraz z obsługą plików dźwiękowych oraz poprawność jej działania odpowiada reklamodawca. 8. Materiały reklamowe (pliki) powinny być nazywane wg następującego schematu: reklamodawca/nazwa kampanii_typ bannera_rozmiar.rozszerzenie np.: nokia3310_sky_160x600.swf lub typ bannera_rozmiar.rozszerzenie np.: billboard_750x100.gif. 9. Zabronione jest używanie skryptów śledzących interakcję użytkownika. 10. Reklama nie może zmieniać lub odczytywać cookie. 11. Reklama nie może powodować występowania błędów lub ostrzeżeń podczas serwowania. 12. Reklama nie może zakłócać działania strony, na której jest wyświetlana. 13. Nazwy plików nie mogą zawierać spacji, ani polskich liter. Typu Obrazek 1. Dopuszczalne formaty plików to GIF, JPEG lub PNG. 2. Alt tekst nie może być dłuższy niż 30 znaków. Typu HTML 1. Kod HTML nie powinien przekraczać 3 kb. 2. Reklama powinna zawierać maksymalnie 2 pliki graficzne (obrazki). 3. Formularze powinny korzystać z metody GET. 4. Kod serwujący HTML po dostarczeniu przez klienta ze względu na swoją różnorodność każdorazowo musi być przetestowany i zaakceptowany przez Onet.pl. 5. Kod serwujący nie może zawierać znaczników typu: <html><head></head><body></body></html>. Typu SWF 1. Do emisji przyjmowane są wyłącznie reklamy zapisane w wersji Macromedia Flash do wersji 9 włącznie (ActionScript 2.0). 2. Reklama w formacie SWF (flash) powinna posiadać zastępcze kreacje w formatach GIF, JPEG lub PNG. 3. Jeżeli banner nie jest na przeźroczystym tle, tło powinno być zawarte w postaci jednokolorowego prostokąta na najniższej warstwie. 4. Wraz z kompletem materiałów reklamowych musi być dostarczony adres docelowy (click URL), na jaki reklama ma kierować po kliknięciu. 5. Adres docelowy (click URL) nie może być zapisany w reklamie (w pliku flash), powinien być dostarczony osobno w przeciwnym razie kliknięcia nie będą zliczane przez adserwer. 6. Jeśli animacja flashowa jest niezapętlona w ostatniej klatce należy umieścić instrukcję (akcję) stop(). 7. Animacja flashowa w stałych formach reklamowych nie może być zapętlona a w ostaniej klatce trzeba umieścić instrukcję (akcję) stop (). 4

5 8. Animacja powinna mieć maksymalną częstotliwość 25 fps (ramek na sekundę = frames per second). Rekomendowana wartość to 18 fps. 9. Reklama niezależnie od rodzaju nie może obciążać procesora w stopniu istotnie utrudniającym pracę na komputerze z innymi aplikacjami. Do określenia stopnia obciążenia procesora służy komputer standardowy, tj. wyposażony w jednordzeniowy procesor taktowany zegarem o częstotliwości 2 GHz z zainstalowanym Flash Player v Reklamy stale obecne na stronie (np. billboardy, banery, skyscrapery standardowe, rozwijane, scrollowane, boksy, pola sponsorskie, itd.) mogą obciążać komputer standardowy, zdefiniowany w pkt. 9 specyfikacji reklam SWF, najwyżej w 30% (patrz procedura testowania obciążenia procesora oraz opis elementów powodujących niepotrzebny wzrost obciążenia procesora - poniżej). Pod adresem znajduje się przykładowa/wzorcowa kreacja 468x60 pix, która na w/w komputerze obciąża procesor w 30%. 11. Reklamy, które użytkownik może zamknąć (toplayery, branmarki, espoty, itd.) mogą obciążać komputer standardowy, zdefiniowany w pkt. 9 specyfikacji reklam SWF, najwyżej w 40% (patrz procedura testowania obciążenia procesora oraz opis elementów powodujących niepotrzebny wzrost obciążenia procesora - poniżej). 12. Dopuszczalny jest chwilowy wzrost obciążenia procesora komputera standardowego zdefiniowanego w pkt. 9 specyfikacji reklam SWF, do dwukrotnej wartości normy, czyli odpowiednio do 60% dla form reklamowych stale obecnych na stronie i 80% dla form reklamowych zamykanych, jeżeli wzrost trwa 2 sekundy i pojawia się tylko 1 raz w czasie minumum 10 sekund animacji. 13. Zalecamy, aby reklamy flashowe dostarczane były z plikami źródłowymi (FLA) wraz z czcionkami. Umożliwi to Onet.pl sprawdzanie parametrów technicznych i poprawności wykonania reklamy oraz wprowadzenie niezbędnych poprawek. 14. Plik SWF nie może być zabezpieczony przed debugowaniem. 15. Reklama musi mieć warstwę z przyciskiem (button), na którym zdefiniowana jest akcja: on (release) geturl(_root.click, "_blank"); 16. W przypadku emisji reklamy z kilkoma niezależnymi obszarami klikalnymi lub złożonej z kilku osobnych kreacji swf poszczególne kreacje powinny mieć warstwy z przyciskiem (button), na których zdefiniowane są osobne akcje dla poszczególnych kliknięć; przykładowo: on (release) geturl(_root.click, "_blank"); on (release) geturl(_root.click + "?1", "_blank"); 5

6 on (release) geturl(_root.click + "?2", "_blank");" 17. W przypadku emisji reklamy targetowanej behawioralnie na indywidualnie przygotowany profil, o ile przewidywana jest optymalizacja tego profilu/targetu behawioralnego w trakcie trwania kampanii, kreacja powinna zawierać warstwę z przyciskiem (button), na którym zdefiniowana jest akcja: on(release) geturl(_root.click,"_blank"); geturl("javascript:wl_feedback()","_self"); zamiast standardowej akcji określonej w pkt.15 specyfikacji. Typu DHTML/Javascript 1. Zabronione jest używanie skryptów zmieniających okno przeglądarki (wymiar, położenie). 2. Zabronione jest używanie skryptów śledzących interakcję użytkownika. 3. Kod JavaScript nie powinien przekraczać 3 kb. 4. Reklama powinna zawierać maksymalnie 2 pliki graficzne (obrazki). 5. Formularze muszą korzystać z metody GET. 6. Kod serwujący javascript ze względu na swoją różnorodność każdorazowo musi być przetestowany i zaakceptowany przez Onet.pl. 7. Kod nie może jawnie wykorzystywać zdarzeń globalnych. np. window.onload. Zamiast tego można skorzystać z funkcji onet( onpageload, kod do wykonania ). 8. Kod serwujący nie może zawierać znaczników: <html><head></head><body></body></html>. Elementy kreacji typu SWF powodujące niepotrzebny wzrost obciążenia procesora i procedura testowania kreacji 1. Pod adresem znajduje się wzorcowa reklama stale obecna na stronie, która na w/w komputerze obciąża procesor w 30%. 2. Pod adresem znajduje się wzorcowa reklama zamykana, która na w/w komputerze obciąża procesor w 40%. 3. Sposób testowania obciążenia procesora przez reklamę: a) Zamknąć wszystkie aplikacje b) Uruchomić Task Manager c) Wybrać użycie CPU (central processing unit) 6

7 d) Uruchomić odpowiedni przykład/wzorzec reklamy stale obecnej na stronie lub zamykalnej, odpowiednio: lub wzor_toplayer.html e) Sprawdzić zużycie CPU f) Uruchomić własną kreacje g) Sprawdzić zużycie CPU h) Jeżeli zużycie CPU podczas emisji własnej kreacji jest wyższe niż podczas emisji reklamy wzorcowej, reklama nie może zostać przyjęta do emisji przez Onet.pl 4. Elementy animacji powodujące niepotrzebny wzrost obciążenia procesora przez kreacje: a) Duża ilość akcji onclipevent(enterframe) wykonywanych jednocześnie Akcje typu onenterframe lub onclipevent(enterframe) wykonywane są periodycznie w każdej ramce filmu. Jeśli flash ma 25 klatek na sekunde (fps ), to skrypt taki będzie wykonywany 25 razy na sekundę. W większości przypadków taka częstotliwość przetwarzania oraz użycie skryptu onenterframe są niepotrzebne. Znacznie lepsze wyniki daje użycie funkcji setinterval, gdzie możemy określić częstotliwość wykonywania skryptu np. 2 razy na sekundę. Częstym błędem jest pozostawienie działającego skryptu, który wykonał już swoją funkcję. Nie wyłączony niepotrzebnie obciąża system. b) Animacja skomplikowanych kształtów wektorowych Kształty wektorowe posiadające znaczną ilość punktów (vertexów) ilość powyżej 100 vertexów można uważać za znaczną. Z reguły warto taki wektorowy obiekt wyeksportować jako bitmapę i zaimportować ponownie. Gwarantowana poprawa wydajności. c) Animacja obiektów składających się z dużej ilości gradientów Jest to rozwinięcie punktu b) z zaznaczeniem, że obiekt z wypełnieniem gradientowym można uznać za skomplikowany, jeśli ma więcej niż 30 vertexów. d) Animacja wielu obiektów jednocześnie W praktyce, już jednoczesna animacja 6, 7 obiektów może spowodować zauważalny spadek wydajności. e) Nadmierne używanie efektu Alpha Chodzi tutaj o wielokrotne nakładanie na siebie elementów półprzeźroczystych. Player musi w każdej ramce renderować po kolei wszystkie obiekty i wyliczać wypadkową przeźroczystość nawet jeśli są statyczne. Podobnie, jak w punkcie b), dobre efekty daje przekonwertowanie do bitmapy. Banner 468x60 pikseli Banner graficzna reklama dynamiczna umieszczana na górze strony, o rozmiarze maksymalnym 468x60 pikseli oraz objętości do 15 kb w pliku o formatach: jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html i rich media. 7

8 Banner rozwijany 468x60 > 240 pikseli Banner rozwijany interaktywny banner, który po kliknięciu lub najechaniu na niego kursorem myszy rozwija się do większego rozmiaru, co pozwala na pokazanie dodatkowych treści. Maksymalne rozmiary po rozwinięciu to 468x240 pikseli i 25 kb w pliku o formacie flash do wersji 9 włącznie (ActionScript 2.0), html, rich-media. Ogólne 1. Banner powinien rozwijać się tylko w wyniku kliknięcia lub najechania kursorem myszy. 2. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. Typu Obrazek 1. Kreacja powinna składać się z pojedynczego pliku graficznego zawierającego całość kreacji (zarówno część stałą jak i rozwijaną). Plik ten będzie specjalnym javascriptem przesłaniany i odsłaniany w zależności od wywoływanych przez internautę zdarzeń. Typu SWF 1. Banner rozwijany wykonany w technologii flash powinien składać się z jednego pliku. Za rozwinięcie reklamy (warstwy DHTML) odpowiada akcja geturl(_root.adrozwin, ): on (rollover) geturl(_root.adrozwin, ""); Za zwinięcie reklamy odpowiada akcja geturl(_root.adzwin, ): on (rollout) geturl(_root.adzwin, ""); Billboard 750x100 pikseli Billboard graficzna reklama dynamiczna umieszczana w górnej części strony, o rozmiarach maksymalnych 750x100 pikseli i 30 kb, w pliku o formatach: jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html i rich media. Billboard rozwijany 750x100 >300 pikseli 8

9 Billboard rozwijany interaktywny billlboard, który po najechaniu na niego kursorem myszy rozwija się do większego rozmiaru, co pozwala na pokazanie dodatkowych treści. Maksymalne rozmiary po rozwinięciu to 750x300 pikseli i 40 kb, w pliku o formacie flash do wersji 9 włącznie (ActionScript 2.0), html. Ogólne 1. Billboard powinien rozwijać się tylko w wyniku kliknięcia lub najechania kursorem myszy. 2. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. Typu Obrazek 1. Kreacja powinna składać się z pojedynczego pliku graficznego zawierającego całość kreacji (zarówno część stałą jak i rozwijaną). Plik ten będzie specjalnym javascriptem przesłaniany i odsłaniany w zależności od wywoływanych przez internautę zdarzeń. Typu SWF 1. Billboard rozwijany wykonany w technologii flash powinien składać się z jednego pliku. Za rozwinięcie reklamy (warstwy DHTML) odpowiada akcja geturl(_root.adrozwin, ): on (rollover) geturl(_root.adrozwin, ""); Za zwinięcie reklamy odpowiada akcja geturl(_root.adzwin, ): on (rollout) geturl(_root.adzwin, ""); Doublebillboard 750x200 pikseli Double billboard graficzna reklama dynamiczna umieszczana w górnej części strony, o rozmiarach maksymalnych 750x200 pikseli i 40 kb, w pliku o formatach: jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html i rich media. 9

10 Navibox 300x250 pikseli Biuro Reklamy: ul. Wiertnicza 166, Warszawa, tel. (022) , fax Navibox graficzna reklama dynamiczna umieszczana na prawej kolumnie nawigacyjnej serwisu, o rozmiarach maksymalnych 300x250 pikseli i 30 kb, w pliku o formatach: jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html i rich media. Skyscraper 160x600 pikseli Skyscraper graficzna reklama dynamiczna umieszczana w prawej części strony, o rozmiarach maksymalnych 160x600 pikseli i 30 kb, w pliku o formatach: jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html i rich media. Skyscraper oferowany jest także w modelu flat fee (flatskyscraper). Animacja w formie flatskycraper nie może przekraczaś 10 sekund i nie może być zapętlona. Tapeta Tapeta (watermark) reklama graficzna w formie tła, wyświetlana na marginesach strony Tapeta umieszczona jest w odległości 5 pikseli od modułu z treścią strony i pokryta wzorem o obniżonej widoczności. Minimalny rozkład elementów dekoracyjncyh (logo) wynosi 80 pikseli w poziomie i w pionie. Ogólne 1. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. 2. Waga do 10 kb. Materiał należy dostarczyć w w formacie tif, tga, psd lub bmp w docelowej rozdzieloczości lub w formacie wektorowym ai (Adobe Ilustrator), eps (Encapsulated Postscript) lub cdr (CorelDraw). Brandmark Brandmark (shaped pop-up) graficzna reklama w formie okna pop-up mogąca jednak przybierać dowolny kształt. Brandmark wyświetlany jest nad treścią strony w przeglądarce, można przesuwać go w obrębie okna przeglądarki, w którym wyświetlana jest strona. Musi zawierać nieklikalną graficzną belkę z przyciskami zamknięcia "X", minimalizacji do postaci belki oraz przyciskiem powrotu do pierwotnej postaci. Maksymalne rozmiary to 336x280 pikseli i 30 kb w pliku o formatach: jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html. 10

11 Ogólne 1. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. 2. Każda kreacja tego typu musi zawierać przycisk zamykania reklamy (klikalny na całej swojej powierzchni) umieszczony w prawym górnym rogu kompozycji na nieprzezroczystym tle. Na przycisk składa się krzyżyk w układzie X umieszczony pośrodku kwadratowej ramki (o minimalnych rozmiarach 14x14 pikseli) lub poprzedzony słowem "ZAMKNIJ" (duże litery, czcionka Verdana, 9px); całość przycisku powinna być wykonana linią o grubości min. 2 piksele i po kliknięciu powodować zamknięcie kreacji. W przypadku kompozycji o nieregularnych kształtach przycisk zamknięcia powinien być umieszczony w odległości maksymalnie 20 pikseli (w prawo lub do góry) od prawego górnego skraju głównego elementu kompozycji; przycisk powinien być statyczny, mieć podobny kontrast i wyrazistość jak główny element kompozycji oraz zachowywać stały rozmiar i kolorystykę przez cały czas emisji reklamy. Kreacje odbiegające od powyższego schematu będą indywidualnie oceniane przez Onet.pl pod kątem zgodności z wymogami ergonomii użytkowania portalu. 3. W przypadku kreacji zawierających przezroczyste obszary nie dopuszcza się przykrywania ich niewidocznym przyciskiem przechwytującym kliknięcia - jedynie widoczne dla użytkownika fragmenty kreacji mogą przekierowywać po kliknięciu na stronę reklamodawcy. Typu SWF 1. Nad przyciskiem zamykania reklamy (patrz: punkt 2 sekcji Ogólne specyfikacji dla brandmarków) musi być zdefiniowana akcja geturl(_root.adzamknij, ""): on (release) geturl(_root.adzamknij, ""); 2. Brandmark musi mieć też dodatkowy przycisk odpowiedzialny za zminimalizowanie i maksymalizowanie reklamy; niezbędne są więc dodatkowe dwie akcje: Za rozwinięcie reklamy (warstwy DHTML) odpowiada akcja geturl: on (release) geturl(_root.adrozwin, ""); Za zwinięcie reklamy (warstwy DHTML) odpowiada akcja geturl: on (release) geturl(_root.adzwin, ""); 11

12 3. Gdy brandmark ma mieć przeźroczyste tło, to eksportując reklamę do pliku.swf w opcjach Publish Settings: Playback należy odznaczyć Loop oraz w zakładce HTML: Window Mode wybierać Transparent Windowless. E-spot E-Spot (interstitial) graficzna reklama w formie pełnoekranowej animacji z możliwością zawarcia efektów dźwiękowych, całkowicie przykrywająca treść strony. Maksymalna objętość: 40 kb, maksymalny czas trwania: 10 sekund, format: flash do wersji 9 włącznie (ActionScript 2.0). Ogólne 1. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. 2. Każda reklama tego typu musi zawierać przycisk zamykania reklamy umieszczony w prawym górnym rogu kompozycji prostokątnej w formie kwadratu o minimalnych rozmiarach 14x14 pikseli z umieszczonym w środku krzyżykiem w układzie X ; przycisk powinien mieć podobny kontrast i wyrazistość jak główny element kompozycji. Typu SWF 1. Reklama może wyświetlić się użytkownikowi dopiero po całkowitym załadowaniu wszystkich elementów reklamy do cache przeglądarki. 2. Kreacja powinna być przygotowana w proporcjach 4:3. 3. Kreacja nie powinna zawierać bitmap które źle się skalują. 4. Kreacja w pierwszej klatce animacji musi posiadać skrypt wczytujący reklamę (loader): while (GetBytesLoaded < GetBytesTotal) telltarget("_root") geturl(otworz, ""); play(); // end of telltarget 5. Nad przyciskiem zamykania reklamy (patrz: punkt 2 sekcji Ogólne specyfikacji dla interstitiali) musi być zdefiniowana akcja geturl(_root.adzamknij, ""): on (release) geturl(_root.adzamknij, ""); Z uwagi na dostępność oprogramowania blokującego reklamy typu e-spot Onet.pl nie jest w stanie zagwarantować, że wszystkie wyemitowane reklamy zostaną wyświetlone użytkownikom. 12

13 Pop-up, pop-under Biuro Reklamy: ul. Wiertnicza 166, Warszawa, tel. (022) , fax Pop-up i pop-under graficzna reklama dynamiczna emitowana w oddzielnym oknie przeglądarki po wejściu użytkownika na dany serwis, o rozmiarach maksymalnych 336x280 pikseli i 30 kb w pliku o formatach: jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html i rich media. Pop-up wyświetla się na wierzchu okna przeglądarki, natomiast pop-under pod spodem głównego okna przeglądarki w ten sposób kontakt z reklamą następuje dopiero po zamknięciu okna przeglądarki. Z uwagi na dostępność oprogramowania blokującego reklamy typu pop-up/pop-under Onet.pl nie jest w stanie zagwarantować, że wszystkie wyemitowane reklamy zostaną wyświetlone użytkownikom. Scroller Scroller - graficzny pasek reklamowy emitowany na dole okna przeglądarki, trzymający się jej dolnej krawędzi niezależnie od przewijania strony. Może zawierać określony tekst lub elementy graficzne, zarówno statyczne jak i animowane, które przewijają się wzdłuż paska. Maksymalna wysokość elementu przewijanego w obrębie paska to 30 pikseli, do 10 kb (format gif, jpg lub swf). Ogólne 1. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. Toplayer Toplayer graficzna reklama w formie animacji z możliwością zawarcia efektów dźwiękowych, wyświetlana nad treścią strony w dowolnym jej miejscu. Maksymalna objętość: 40 kb, maksymalny czas trwania: 30 sekund, format: flash do wersji 9 włącznie (ActionScript 2.0). Rozmiary i dokładne miejsce wyświetlania są ustalane indywidualnie - w zależności od serwisu. Każda reklama tego typu musi zawierać przycisk zamykania reklamy umieszczony w prawym górnym rogu głównego elementu kompozycji. Minimalny rozmiar przycisku zamykania to 14x14 pikseli z umieszczonym w środku krzyżykiem "X". Konieczne jest podanie ograniczenia liczby kontaktów z reklamą na użytkownika (maksymalnie 3). Ogólne 1. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. 2. Każda kreacja tego typu musi zawierać przycisk zamykania reklamy (klikalny na całej swojej powierzchni) umieszczony w prawym górnym rogu kompozycji na nieprzezroczystym tle. Na przycisk składa się krzyżyk w układzie X umieszczony pośrodku kwadratowej ramki (o minimalnych rozmiarach 14x14 pikseli) lub poprzedzony słowem "ZAMKNIJ" (duże litery, czcionka 13

14 Verdana, 9px); całość przycisku powinna być wykonana linią o grubości min. 2 piksele i po kliknięciu powodować zamknięcie kreacji. W przypadku kompozycji o nieregularnych kształtach przycisk zamknięcia powinien być umieszczony w odległości maksymalnie 20 pikseli (w prawo lub do góry) od prawego górnego skraju głównego elementu kompozycji; przycisk powinien być statyczny, mieć podobny kontrast i wyrazistość jak główny element kompozycji oraz zachowywać stały rozmiar i kolorystykę przez cały czas emisji reklamy. Kreacje odbiegające od powyższego schematu będą indywidualnie oceniane przez Onet.pl pod kątem zgodności z wymogami ergonomii użytkowania portalu. 3. Maksymalna dopuszczalna szerokość kreacji, w przypadku toplayerów nieskalujących się w przeglądarce, wynosi 770 pikseli. Dopuszczalna jest emisja kreacji szerszych pod warunkiem, że dostosowuje się ona do szerokości narzuconej przez przeglądarkę tak, aby cała kreacja, wraz z przyciskiem zamykania, była zawsze widoczna w oknie przeglądarki. 4. W przypadku kreacji zawierających przezroczyste obszary nie dopuszcza się przykrywania ich niewidocznym przyciskiem przechwytującym kliknięcia - jedynie widoczne dla użytkownika fragmenty kreacji mogą przekierowywać po kliknięciu na stronę reklamodawcy. Typu SWF 1. Nad przyciskiem zamykania reklamy (patrz: punkt 2 sekcji Ogólne specyfikacji dla toplayer'ów) musi być zdefiniowana akcja geturl(_root.adzamknij, ""). on (release ) geturl(_root.adzamknij, ""); 2. Gdy toplayer ma mieć przeźroczyste tło, to eksportując reklamę do pliku.swf w opcjach Publish Settings: Playback należy odznaczyć Loop oraz w zakładce HTML: Window Mode wybierać Transparent Windowless. Videoad VideoAd - reklamowy spot/film video trwający do 30 sekund publikowany na stronach portalu Onet.pl, zintegrowany wewnątrz wybranej graficznej formy reklamy. Onet.pl w ramach kampanii przygotowuje dostarczony film (materiał źródłowy) do emisji. Na kreację składa się film reklamowy oraz ramka odtwarzacza Onet VideoAd Player, wyposażona w przyciski start/pauza, stop, włącz/wyłącz dźwięk oraz we wskaźniki załadowania i postępu odtwarzania filmu. Reklamodawca może przygotować własną wersję odtwarzacza, względy technologiczne wymagają, by była ona wykonana w oparciu o szablon udostępniony przez Onet.pl. 14

15 Film reklamowy emitowany jest w technologii Macromedia Flash Video w trzech różnych jakościach strumienia wideo - w zależności od szybkości łącza użytkownika, natomiast użytkownikom łączącym się przez modem wyświetlana jest kreacja zastępcza nie zawierająca filmu. Maksymalny czas trwania filmu wideo wynosi 30 sekund. Możliwie są trzy opcje uruchamiania kreacji: - kreacja uruchamiana jest automatycznie z włączonym dźwiękiem, - kreacja uruchamiana jest automatycznie z wyłączonym dźwiękiem, - kreacja oraz dźwięk uruchamiane są po kliknięciu. Pobierz szablony do przygotowania kreacji. Ogólne 1. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. Typu SWF 1. VideoAd standardowo emitowany jest w następujących formatach: a. Okno na Stronie Głównej Onet.pl 330x250 pikseli (videoad rozwijany) b. Billboard 750x100 pikseli c. Billboard rozwijany 750x100 >300 pikseli d. Double billboard 750x200 e. Skyscraper 160x600 pikseli f. Skyscraper rozwijany 320x600 pikseli g. Box śródtekstowy 300x250 pikseli h. Navibox 300x250 pikseli i. Brandmark 336x280 pikseli j. Pop-up 336x280 pikseli k. Halfpage 300x600 pikseli l. Toplayer m. E-spot 2. Maksymalna objętość filmu nie może przekroczyć 1,2 MB. 3. Filmy emitowane w standardowym odtwarzaczu Onet VideoAd Player powinny mieć rozmiar uzależniony od formatu reklamy: - dla reklam o rozmiarach 300x250 pikseli rozmiar filmu wynosi 300x225 pikseli - dla reklam o rozmiarach 330x250 pikseli rozmiar filmu wynosi 330x225 pikseli - dla reklam o rozmiarach 336x280 pikseli rozmiar filmu wynosi 336x240 pikseli 4. Filmy emitowane w innych formach reklamowych powinny mieć proporcje dostosowane do wymiarów tych form, lub być emitowane w oprawie graficznej, tzw. skórce. (por. pkt. 5). 5. Możliwa jest emisja w oprawie graficznej (skórce) dostarczonej przez klienta. Elementy oprawy graficznej przyjmowane są wyłącznie jako pliki źródłowe (FLA) w wersji Macromedia Flash do wersji 8 włącznie, wraz z wszystkimi używanymi czcionkami. Skórki powinny być wykonane w oparciu o 15

16 odpowiedni z udostępnionych szablonów. Waga skórki (po skompilowaniu do pliku SWF) nie może przekroczyć 20KB. 6. Onet.pl przygotowuje w oparciu o pierwotny materiał video (nadesłany przez klienta w formacie AVI lub MPEG) 3 wersje filmu dostosowane do różnych prędkości łącz użytkowników: * 112K Stream * 256K Stream * 384K Stream 7. Filmy przygotowywane samodzielnie przez reklamodawcę powinny zostać skompresowane za pomocą programu Sorenson Squeeze (R) do formatu FLV z wykorzystaniem metody "2-pass VBR" ( powinien dostarczyć 3 wersje filmu dostosowane do różnych prędkości łącz użytkowników: * 112K Stream datarate nie powinna przekraczać 104kbps * 256K Stream datarate nie powinna przekraczać 240kbps * 384K Stream datarate nie powinna przekraczać 280kbps 8. Wartości datarate określają prędkości łącz wymagane do prawidłowej emisji filmu a ich przestrzeganie jest kluczowe dla poprawnej emisji materiału filmowego. Onet.pl stosuje mechanizm wykrywania prędkości łącza użytkownika. Jeśli datarate filmu będzie wyższa od prędkości łącza wyemitowany zostanie film o niższej datarate lub kreacja zastępcza. 9. Należy przygotować kreację zastępczą (flash), która będzie emitowana użytkownikom łączącym się z internetem poprzez łącza wolniejsze niż 112 kbps. Do przygotowania kreacji zastępczej stosuje się standardową specyfikację techniczną odpowiedniego bannera reklamowego, czyli przykładowo dla filmu emitowanego w obrębie skyscrapera należy przygotować kreacje zastępczą w rozmiarze 160x600 do 30 kb zgodnie ze specyfikacją dla skyscrapera. Kartki Kartka elektroniczna Reklama graficzna emitowana na stronach serwisu OnetKartki o rozmiarze: x80 pikseli, objętości do 4 kb w formacie gif, jpg oraz x280 pikseli, objętości do 35 kb w formacie jpg lub gif i do 60 kb w formacie Macromedia Flash. Typu SWF 1. Do emisji przyjmowane są wyłącznie kartki zapisane w wersji Macromedia Flash do wersji 9 włącznie (ActionScript 2.0). 2. Zalecamy, aby kartki flashowe dostarczane były z plikami źródłowymi (FLA) wraz z czcionkami. Umożliwi to Onet.pl sprawdzanie parametrów technicznych i poprawności wykonania reklamy oraz wprowadzenie niezbędnych poprawek. 3. Plik SWF nie może być zabezpieczony przed debugowaniem. 4. Zabronione jest używanie skryptów śledzących interakcję użytkownika. 16

17 5. Animacja powinna mieć maksymalną częstotliwość 25 fps (ramek na sekundę = frames per second). Rekomendowana wartość to 18 fps. 6. Jeśli animacja flashowa jest niezapętlona w ostatniej klatce należy umieścić instrukcję (akcję) stop(). Pasek reklamowy rozwijany 620/770 x 20 >100/300 pikseli Graficzny pasek reklamowy interaktywny pasek graficzny, umieszczany pod poziomą nawigacją, który po kliknięciu rozwija się do większego rozmiaru, co pozwala na pokazanie dodatkowych treści. Maksymalne rozmiary po rozwinięciu to: 620(770)x100 pikseli do 15 kb oraz 620(770)x300 do 20 kb, w pliku o formacie jpeg, gif, gif animowany, flash do wersji 9 włącznie (ActionScript 2.0), html. Ogólne 1. Prawidłowo przygotowany pasek powinien zawierać umieszczony na białym tle, wolny od jakichkolwiek elementów reklamowych, obszar kontrolny o wysokości 15px, zawierający napis REKLAMA oraz przyciski zwijania (w postaci krzyżyka w układzie "X") i rozwijania reklamy (strzałka skierowana w dół), obydwa w rozmiarze 12x12 px, wyświetlane wymiennie w zależności od aktualnej fazy rozwinięcia reklamy (reklama zwinięta - przycisk "rozwiń", reklama rozwinięta - przycisk "zwiń"). 2. Reklama w fazie zwiniętej stały fragment kreacji powinien mieć wysokość 20px (35px wraz z obszarem kontrolnym) 3. Po załadowaniu strony reklama powinna być gotowa do rozwinięcia po kliknięciu na przycisk rozwiń. Reklama nie może samoczynnie rozwijać się po załadowaniu strony. 4. Zwinięcie się reklamy powinno następować każdorazowo po upływie jednej sekundy od kliknięcia przycisku ZWIŃ lub opuszczenia przez kursor myszy w pełni rozwiniętego obszaru kreacji. 5. Reklama może zostać przygotowana przy wykorzystaniu gotowych szablonów *.fla lub samodzielnie przez klienta, zgodnie z opisem szablonu dokumentu SWF. 6. Reklama będzie emitowana wyłącznie użytkownikom przeglądarek Internet Explorer, Firefox i Opera. Typu Obrazek 1. Kreacja powinna składać się z dwóch plików graficznych - jednego wyświetlanego w postaci zwiniętej (z przyciskiem rozwiń) oraz drugiego, zawierającego rozwiniętą całość kreacji (zarówno część stałą jak i rozwijaną, z przyciskiem zwiń w postaci krzyżyka). Pliki te będą specjalnym javascriptem wyświetlane zamiennie (a nie łącznie) w zależności od wywoływanych przez internautę zdarzeń. Typu SWF 1. Pasek rozwijany wykonany w technologii flash powinien składać się z jednego pliku. 17

18 Szablon dokumentu SWF Biuro Reklamy: ul. Wiertnicza 166, Warszawa, tel. (022) , fax Szablony pasków rozwijanych są 20 klatkowymi filmami flash. Prędkość odtwarzania animacji ustawiona jest na 20 fps (frames per second), szerokość sceny wynosi 620 lub 770 pikseli, wysokość to 315 lub 115, z czego 15 pikseli przypada na obszar kontrolny, w którym umieszczono napis reklama oraz przyciski OTWÓRZ i ZAMKNIJ, sterujące zwijaniem i rozwijaniem reklamy. Zaimplementowany kod actionscript zapewnia działanie zgodne z zaleceniami specyfikacji technicznej dla reklam tego typu emitowanych w serwisach ONET.PL. Wszystkie elementy zapewniające prawidłową funkcjonalność szablonu umieszczono na głównym timeline w folderze nie zmieniać Onet. Skrypt umieszczony w pierwszej klatce filmu: // Zatrzymanie animacji stop(); // Deklaracje zmiennych // ilość milisekund do ponownego sprawdzenia obecności kursora myszy w polu reklamy var testdelay = 1000; // ilość milisekund do rozpoczęcia zwijania reklamy var zwindelay = 1000; // flaga określająca czy kursor myszy jest w polu reklamy var mouseoverad; // identyfikator interwału dla funkcji sprawdzającej var testintid; // identyfikator interwału dla funkcji zwijającej var zwinintid; // flaga określająca czy reklama rozwinie się samoczynnie po najechaniu myszką var firsttime; // flaga opisująca stan paska: closed=true zamknięty, closed=false otwarty var closed = true; // flaga pomocnicza, jeśli pasek jest w stanie pośrednim, a użytkownik naciśnie przycisk zamykający doclose ustawimy na true i będzie to znaczyć, że należy pozwolić reklamie na rozwinięcie w pełni a następnie zamknąć ją po upływie sekundy var doclose = false; // Deklaracje funkcji // Funkcja zwin zwija reklamę function zwin() 18

19 geturl(_root.adzwin); root.gotoandstop("closed"); // Funkcja rozwin inicjuje rozwijanie paska function rozwin() firsttime = false; geturl(_root.adrozwin); root.gotoandplay(2); // Funkcja cancelzwin wyłącza interwał zwijania po 1 sekundzie function cancelzwin() if (zwinintid!= undefined) clearinterval(zwinintid); zwinintid = undefined; // Funkcja scheduezwin ustawia interwał zwijania po jednej sekundzie function scheduezwin() cancelzwin(); zwinintid = setinterval(zwindelayed, zwindelay); // Funkcja zwindelayed wywoływana po jednej sekundzie od ustawienia scheduezwin function zwindelayed() cancelzwin(); zwin(); // Funkcja delayedtest sprawdza, czy kursor myszy pozostawał sekundę poza reklamą function delayedtest() clearinterval(testintid); if (!mouseoverad &&!closed) zwin(); // Funkcja inside wywoływana za każdym razem, gdy kursor myszy wejdzie w pole reklamy function inside() mouseoverad = true; if (firsttime && closed) rozwin(); 19

20 // Funkcja outside wywoływana za każdym razem, gdy kursor myszy wejdzie w pole reklamy function outside() mouseoverad = false; if (testintid!= undefined) clearinterval(testintid); testintid = setinterval(delayedtest, testdelay); // Ustawienie flagi firsttime tylko przy pierwszym uruchomieniu kodu if (firsttime == undefined) firsttime = true; Akcje na przyciskach: - przycisk pokrywający kreację // Akcja wywołująca przekierowanie do strony reklamodawcy on(release) geturl(_root.click, "_blank"); // Kursor myszy w polu reklamy on(rollover) inside(); // Kursor myszy poza polem reklamy on(rollout) outside(); - przycisk OTWÓRZ // Kliknięcie rozwija reklamę on(release) rozwin(); // Kursor myszy w polu reklamy on(rollover) 20

21 inside(); // Kursor myszy poza polem reklamy on(rollout) outside(); - przycisk ZAMKNIJ (faza pośrednia) // Reklama zamknie się po upływie sekundy od całkowitego rozwinięcia on(release) doclose = true; // Kursor myszy w polu reklamy on(rollover) inside(); // Kursor myszy poza polem reklamy on(rollout) outside(); - przycisk ZAMKNIJ (faza końcowa reklama całkowicie rozwinięta) // Zwijaj po jednej sekundzie on(release) scheduezwin(); on(rollover) inside(); on(rollout) outside(); Skrypt umieszczony w ostatniej klatce filmu: if (doclose) 21

22 scheduezwin(); closed = false; stop(); 22