specyfikacja techniczna form reklamowych · 2020. 9. 18. · reklama nie może zmieniać ani...

Specyfikacja techniczna form reklamowych

2 | S t r o n a

Ringier Axel Springer Polska Sp. z o.o. z siedzibą w Warszawie (02–672), ul. Domaniewska 49 zarejestrowana w rejestrze przedsiębiorców Krajowego Rejestru Sądowego prowadzonym przez Sąd Rejonowy dla m. st. Warszawy Wydział XIII Gospodarczy Krajowego Rejestru Sądowego pod numerem KRS 0000420780, z kapitałem zakładowym w kwocie 106.000 zł (w całości wpłaconym),NIP: 5272677009, REGON 146127300

Ostatnia aktualizacja: 07.09.2020

WAŻNE!

Zakończenie wspierania kreacji Flash

Z dniem 03 kwietnia 2017, RAS Polska nie będzie więcej wspierała reklam emitowanych w

technologii Adobe Flash. Zmiana dotyczy zarówno formatów display jak i video na wszystkich

domenach w portfolio Wydawcy.

Zmiana podyktowana jest oficjalną rekomendacją firmy Adobe oraz kierunkiem, w który zmierza

cały rynek reklamowy. Przeglądarki takie jak Google Chrome, Mozilla Firefox oraz Apple Safari

przestały wspierać lub obarczyły poważnymi limitami technologię Flash, przez co emisja takich

reklam jest ograniczona lub niemożliwa.

Jako RAS Polska zalecamy tworzenie kreacji reklamowych w technologii HTML5.

3 | S t r o n a


Spis treści

Wymagania ogólne ........................................................................................... 5 1. Nazewnictwo materiałów ....................................................................................... 7 2. Terminy dostarczania materiałów reklamowych ........................................................... 7 3. Zaślepki ........................................................................................................... 7 4. Poufność danych użytkowników .............................................................................. 8 5. Dźwięk w reklamach ............................................................................................ 8 6. Rozwijanie/zwijanie kreacji .................................................................................... 9 7. Przycisk zamykania ............................................................................................ 10 8. Wydajność i błędy .............................................................................................. 11

Emisja z zewnętrznych adserverów (3rd party) ...................................................... 11

3rd party - protokół szyfrowania SSL .................................................................. 13

Reklamy typu HTML5....................................................................................... 14 1. Informacje ogólne ................................................................................................. 14 2. Elementy kodu ..................................................................................................... 15 3. Akcja kliknięcia .................................................................................................... 16 4. Akcja rozwiń/zwiń ................................................................................................. 17 5. Akcja Zamknij ...................................................................................................... 17 6. Wideo w HTML5 ................................................................................................... 17 7. Rekomendowane narzędzia ..................................................................................... 18 8. Obciążenie procesora ............................................................................................ 18

Reklamy typu HTML ........................................................................................ 19

Reklamy typu DHTML/Javascript........................................................................ 19

Reklamy typu Obrazek ..................................................................................... 19

Reklamy typu Rich Media ................................................................................. 20

Wagi, rozmiary i formaty standardowych form reklamowych .................................... 21

Reklamy Multiscreen ....................................................................................... 22

Specjalne formaty reklamowe na stronie głównej .................................................. 27 Sponsor dnia ............................................................................................................ 27 Gigapanel (Zobacz przykłady: Gigapanel1, Gigapanel2, Gigapanel3) ........................................ 31 Halfpage Premium ...................................................................................................... 31 Halfpage - Halfpage 1, Halfpage 2, Halfpage 3 ................................................................... 32 Rectangle - Rectangle 1, Rectangle 2, Rectangle 3 ............................................................. 32 Native in Feed FF ....................................................................................................... 32 Gigapanel Page Breaker .............................................................................................. 34

4 | S t r o n a


Panel reklamowy ........................................................................................................ 36 Panel w prawej kolumnie .............................................................................................. 36 Panel w lewej kolumnie ................................................................................................ 39 Branding widgetu multiscreen ........................................................................................ 43 Branding Widgetu Daily Needs ....................................................................................... 43 MegaReach - MegaReach 1, MegaReach 2 ...................................................................... 44 MegaFeed - MegaFeed 1, MegaFeed 2 ............................................................................ 44 Square Panel - Square Panel 1, Square Panel 2, Square Panel 3, Square Panel 4 ........................ 45 Link reklamowy / Link reklamowy multiscreen ..................................................................... 46 Sponsoring transmisji live na stronie głównej Onet.pl ............................................................ 47 Footer Ad ................................................................................................................. 47 Commercial Break ................................................................................................... 48

Reklamy Rich Media ........................................................................................ 49 Portret .................................................................................................................... 49 Minisite ................................................................................................................... 51

Reklamy Wideo .............................................................................................. 53 Pre Roll/Mid Roll ........................................................................................................ 53 Pre Roll/Mid RollInteraktywny ........................................................................................ 54 VideoAd .................................................................................................................. 56 Branding playera - portal .............................................................................................. 57 Branding playera – VOD ............................................................................................... 57 Branding playera – Onet.tv ............................................................................................ 59

Reklamy emitowane na stałe ............................................................................. 60 Sponsoring ............................................................................................................... 60 Sponsoring Multiscreen ................................................................................................ 63 Sponsoring Max ......................................................................................................... 65 Sponsoring na poczcie ................................................................................................. 66 Sponsoring stron interfejsu ............................................................................................ 68 Sponsoring wylogowania Sympatia.pl ............................................................................... 68 Artykuł sponsorowany .................................................................................................. 69

Pozostałe reklamy .......................................................................................... 70 Screening na Stronie Głównej Onet (specyfikacja tymczasowa) ............................................... 70 Screening na pozostałych stronach Wydawcy ..................................................................... 70 Screening Interactive ................................................................................................... 75 Canvas ................................................................................................................... 76 Waterfall .................................................................................................................. 78 Welcome Screen ........................................................................................................ 79 Responsive Wideboard ................................................................................................ 81 Megapanel ............................................................................................................... 82 Gigaboard (Zobacz przykład: Desktop / Mobile) ................................................................... 83 Mailing ................................................................................................................... 84 Mailing wideo .......................................................................................................... 87 Native In-Feed........................................................................................................... 88

5 | S t r o n a


Native In-Feed Premium ............................................................................................... 91 Interactive Content ..................................................................................................... 94 OnetInbox ................................................................................................................ 97 Reklamy w serwisach RASP Pasek pod nawigacją AutoŚwiat.pl .............................................. 98 Gigapanel ................................................................................................................ 98 Gigapanel Page Breaker .............................................................................................. 99 Panel Premium .......................................................................................................... 99 Sponsoring ............................................................................................................. 100 Screening .............................................................................................................. 100 Branding Day .......................................................................................................... 100 Look & Feel ............................................................................................................ 101

Regionalne .................................................................................................. 102 Boks Regionalny ...................................................................................................... 102 Wizytówka regionalna ................................................................................................ 102 Panel na stronie głównej ............................................................................................ 102 Panel na stronie głównej w prawej kolumnie pod wiadomościami lokalnymi – produkt multiscreen .... 103 Link reklamowy ........................................................................................................ 104 Branding modułu pogodowego ..................................................................................... 104 Branding mapy pogodowej .......................................................................................... 104 Partner serwisu ....................................................................................................... 105

Wyciąg z regulaminu emisji reklam ................................................................... 105 5. Zasady ergonomiczne emisji reklam ......................................................................... 105

Wymagania ogólne

Wszystkie reklamy przysłane przez klienta lub zleceniodawcę (nazywanego dalej Reklamodawcą)

przeznaczone do emisji na stronach Grupy Onet i RASP (nazywanych dalej Wydawcą) powinny

spełniać warunki określone w regulaminie emisji reklam dostępnym na stronie reklama.onet.pl oraz

warunki specyfikacji technicznej dla reklam publikowanych na stronach Wydawcy. Wydawca 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 emisję w przypadku niespełnienia powyższych warunków.

Wyświetlenie reklamy na stronach portalu nie oznacza automatycznie, że Wydawca stwierdził

zgodność reklamy ze specyfikacją reklamową.

Wydawca decyduje o funkcjonalności stron a w ich projektowaniu bierze pod uwagę to, jak są one

postrzegane przez użytkowników (user experience) i rezerwuje sobie prawo do odmowy emisji

http://reklama.onet.pl/

6 | S t r o n a


bądź zaprzestania emisji dowolnej reklamy, jeśli uzna ją za dokuczliwą lub szkodliwą dla

użytkowników portalu.

Poniższe zasady dotyczą wszystkich form reklamy dostępnych na stronach Wydawcy. Oprócz tego

konieczne jest przestrzeganie zasad szczegółowych, specyficznych dla poszczególnych form

reklamy, które zebrane są w dalszej części specyfikacji.

7 | S t r o n a


1. Nazewnictwo materiałów

Materiały reklamowe (pliki) powinny być nazywane wg następującego

schematu:

reklamodawca/nazwakampanii_typbanera_rozmiar.rozszerzenie,

np.:nokia3310_sky_160x600.HTML5

lubtypbanera_rozmiar.rozszerzenie,np.:billboard_750x100.GIF.

a. Nazwy plików nie mogą zawierać spacji ani polskich liter.

b. Materiały reklamowe dostarczane w formie skompresowanej powinny być

skompresowane w formacie ZIP.

2. Terminy dostarczania materiałów reklamowych

a. 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.

b. Wyjątkiem są reklamy typu Rich Media, HTML5 oraz reklamy emitowane z kodów

zewnętrznych, dla których materiały należy dostarczyć nie później niż na 5 dni

roboczych przed rozpoczęciem emisji.

3. Zaślepki

W przypadku materiałów w formacie HTML5 i Rich Media wymagane jest dostarczenie

zastępczej wersji gotowych materiałów w prostym formacie graficznym, tzw. zaślepki (JPG,

GIF, GIF animowany), które będą emitowane, gdy przeglądarka użytkownika uniemożliwia

wyświetlenie materiałów w formatach bardziej zaawansowanych.

W przypadku braku wymaganych zaślepek, nie ma podstaw do reklamacji i rekompensaty z

powodu niedowiezionej liczby emisji.

8 | S t r o n a


4. Poufność danych użytkowników

a. Zabronione jest używanie skryptów śledzących interakcje użytkownika poza obszarem

reklamy.

b. Reklama nie może zmieniać ani odczytywać plików cookies Wydawcy.

c. Reklama nie może odczytywać ani zapisywać danych w Local / Session Storage

przeglądarki.

d. Reklamodawca może pozyskiwać dane dotyczące użytkowników Wydawcy podczas

trwania kampanii i wykorzystywać je do własnych celów, przy czym każdorazowo musi

uzyskać na to zgodę Wydawcy, a w szczególności poinformować Wydawcę o tym:

jakie dane będą pozyskiwane,

do czego zostaną wykorzystane,

jak długo będą przechowywane,

czy i jakie podmioty trzecie będą miały dostęp do tych danych, w jakim

zakresie i w jaki sposób będą mogły z nich korzystać.

e. Na podstawie powyższych informacji Wydawca może wyrazić zgodę na pozyskiwanie i

wykorzystywanie danych o użytkownikach. Reklamodawca gwarantuje, że żadne dane

uzyskane w związku z prowadzeniem kampanii na stronach Wydawcy nie będą

wykorzystywane do innych celów, niż te, do których zostały pozyskane.

f. Bez zgody wydawcy dane pozyskane przez Reklamodawcę nie mogą być

wykorzystywane do retargetowania kampanii ani do rozpoznawania użytkowników

żaden inny sposób w innych kampaniach reklamodawcy.

5. Dźwięk w reklamach

a. Dźwięk w reklamach może być odtwarzany jedynie po akcji użytkownika (kliknięcie).

Wyjątek stanowią reklamy Pre Roll/Mid Roll.

9 | S t r o n a


b. W niektórych przypadkach dopuszczalne jest automatyczne odtwarzanie dźwięku

także po najechaniu kursorem myszy. Wszystkie kreacje, w których po najechaniu

uruchamia się dźwięk, powinny zawierać czytelny komunikat informujący o

odtwarzaniu dźwięku po najechaniu, np. "NAJEDŹ, ABY WŁĄCZYĆ DŹWIĘK".

Dźwięk w reklamach VideoAd może być uruchamiany po kliknięciu lub

najechaniu,

w przypadku reklam rozwijanych dopuszczalne jest odtwarzanie dźwięku 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.

c. Jeżeli reklama posiada dźwięk musi zawierać czytelne oznaczenia włączania i

wyłączania dźwięku. Wydawca udostępnia reklamodawcom szablony kreacji z

dźwiękiem zawierające czytelne oznaczenia uruchamiania i wyłączania dźwięku.

d. Pliki dźwiękowe powinny być pobierane z serwerów Wydawcy. Za techniczne

przygotowanie kreacji wraz z obsługą plików dźwiękowych oraz poprawność jej

działania odpowiada Reklamodawca.

6. Rozwijanie/zwijanie kreacji

a. Wszystkie kreacje rozwijane powinny zawierać czytelny komunikat informujący o

rozwijaniu, np. „NAJEDŹ, ABY ROZWINĄĆ”, „KLIKNIJ, ABY ROZWINĄĆ”, „ROZWIŃ”

itp.

b. Rozwijanie kreacji do standardowych rozmiarów może nastąpić po najechaniu lub

kliknięciu kursorem myszy.

c. Rozwijanie kreacji do rozmiarów większych niż standardowe może nastąpić jedynie po

kliknięciu.

10 | S t r o n a


d. Kreacja może się zwijać po zjechaniu z reklamy, lub po kliknięciu. W obu przypadkach

kreacja w prawym, górnym rogu musi zostać umieszczony przycisk „ZWIŃ” lub inny

równoznaczny (np. „ZAMKNIJ X”), pozwalający na zamknięcie/zwinięcie kreacji.

Minimalny rozmiar przycisku to 50x20 px. Minimalna wysokość czcionki w napisie

„ZWIŃ” oraz „ZAMKNIJ X” to 20 px.

7. Przycisk zamykania

a. Reklamy emitowane na warstwie nad treścią strony (tzw. formy layerowe), zasłaniające

zawartość serwisu, reklamy scrollowane oraz wszystkie inne reklamy agresywne

muszą być wyposażone w przycisk „ZAMKNIJ X”, pozwalający na zamknięcie kreacji.

b. Minimalny rozmiar przycisku zamykania to 50x20 px. Minimalna wysokość czcionki w

napisie „ZAMKNIJ X” to 12px. Zarówno napis jak i przycisk powinny znajdować się na

nieprzezroczystym tle i być klikalne na całej powierzchni.

c. W przypadku kompozycji o nieregularnych kształtach przycisk zamknięcia powinien

być umieszczony w odległości maksymalnie 20px (w prawo lub do góry) od prawego

górnego skraju głównego elementu kompozycji.

d. 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.

e. W przypadku reklam umieszczonych na warstwie kliknięcie w napis lub krzyżyk

powoduje zamknięcie kreacji, natomiast w przypadku reklam scrollowanych akcja ta

powoduje umieszczenie kreacji w miejscu, w którym znajdowała się pierwotnie (przed

uruchomieniem scrollowania).

11 | S t r o n a


8. Wydajność i błędy

a. Reklama nie może powodować występowania błędów lub ostrzeżeń podczas

serwowania.

b. Reklama nie może zakłócać działania strony, na której jest wyświetlana.

c. Reklama niezależnie od rodzaju nie może obciążać procesora w stopniu istotnie

utrudniającym pracę na komputerze z innymi aplikacjami.

Emisja z zewnętrznych adserverów (3rd party)

Publikowanie na stronach Wydawcy kampanii reklamowych może odbywać się bezpośrednio z

systemów Wydawcy lub z zewnętrznych systemów serwowania reklam, za pośrednictwem

systemu Wydawcy. Druga ze wspomnianych możliwości ze względu na swą specyfikę i

uwarunkowania technologiczne wiąże się ze szczególnymi wymaganiami dla kreacji emitowanych

w taki sposób, określonymi poniżej.

1. Warunkiem dopuszczenia reklamy emitowanej z zewnętrznego adservera do emisji jest

dostarczenie zgodnego z wymaganiami specyfikacji reklamowej Wydawcy kodu

emisyjnego najpóźniej 5 dni roboczych przed planowaną datą uruchomienia kampanii.

2. Kody emisyjne powinny być przystosowane do ich asynchronicznego osadzania:

a. Kody emisyjne kreacji standardowych (typu inpage), powinny być dostarczone w

postaci IFrame.

b. Kody emisyjne kreacji standardowych (typu inpage) mogą być również dostarczone w

postaci JavaScript. Jednak w takim wypadku zostaną one umieszczone w IFrame po

stronie Wydawcy, dotyczy to w szczególności sytuacji, w której kod emisyjny korzysta z

polecenia „document.write”.

12 | S t r o n a


c. W przypadku kreacji Rich Media (rozwijane, na warstwie itp.), kody emisyjne powinny

być zgodne z zaleceniami IAB dla reklam tego typu:

http://www.iab.net/media/file/rich_media_ajax_best_practices.pdf, a w szczególności:

Kody powinny wykrywać, że zostały uruchomione we Friendly IFrame. W takich

wypadkach jest ustawiona zmienna inFIF=true;

Standardowa implementacja polega na umieszczeniu podstawowej kreacji w kontenerze

rodzica (parent) i ukryciu ramki.

Przykład kodu implementującego takie zachowanie:

(function() {

var ad_container;

if(inFIF){ ad_container

=

window.parent.document.createElement("DIV");

ad_container.style.cssText =

"position:relative;width:700px;height:200px;";

window.frameElement.style.display = "none";

window.frameElement.parentNode.insertBefore(ad_contAIne r,

window.frameElement);

}else{

}

//gdzie w„ad_container” powinna zostać umieszczona implementowana

kreacja.

http://www.iab.net/media/file/rich_media_ajax_best_practices.pdfhttp://www.iab.net/media/file/rich_media_ajax_best_practices.pdf

13 | S t r o n a


3. W przypadku braku możliwości dostosowania kodów emisyjnych do w/w wymagań a także

w przypadku reklam nietypowych, tzn. wchodzących w interakcje z elementami strony lub

analizujących parametry strony, na której się emitują (reklamy typu XHTML), ich emisja

odbywać się będzie w całości z serwerów Wydawcy w oparciu o skrypty przygotowane

przez Wydawcę.

3rd party - protokół szyfrowania SSL

1. Wydawca wymaga korzystania z protokołów szyfrowanych (SSL). Reklamy, kreacje i kody

śledzące muszą używać bezpiecznego połączenia (https://).

Począwszy od 01 kwietnia 2016, wszystkie strony Wydawcy są ładowane poprzez

szyfrowane połączenie. Bezpieczne połączenie (https: //) osiągane jest przez korzystanie

ze standardowej technologii SSL.

2. Strony docelowe, na które przekierowuje reklama nie muszą być zaszyfrowane. Wszystkie

pozostałe elementy wyświetlanej reklamy, włączając kreację oraz kody śledzące muszą

być serwowane za pomocą SSL (https: //) nie powodując zakłóceń w przeglądarki, na

stronie oraz u użytkownika.

14 | S t r o n a


Reklamy typu HTML5

1. Informacje ogólne

a. Kod serwujący HTML5 po dostarczeniu przez Reklamodawcę ze względu na

swoją różnorodność każdorazowo musi być przetestowany i zaakceptowany przez

Wydawcę. Wszystkie gotowe materiały reklamowe, konieczne do rozpoczęcia

kampanii, muszą być dostarczone nie później niż na 5 dni roboczych przed

emisją.

b. Przewodnik z wytycznymi dla optymalnego przygotowania reklam w technologii

HTML5 dostępny TUTAJ (wersja angielska).

c. Ogólne działanie kreacji musi być zgodne z wymaganiami opisanymi w

specyfikacji technicznej dla danego formatu. Żaden z jej elementów nie może

ingerować w działanie stron wydawcy oraz innych reklam.

d. Kreacje HTML5 nie są kompatybilne z przeglądarkami Internet Explorer w wersji 8

oraz starszymi. Emisja reklam będzie na nich wyłączona.

e. Wydawca nie dostarcza danych związanych z interakcją użytkownika w obrębie

kreacji HTML5. Taka funkcjonalność powinna być zapewniona po stronie kodu

kreacji.

f. Uniwersalnym miejscem pomiaru emisji reklamy jest moment załadowania się

pierwszego elementu reklamy.

g. Dla kreacji rozwijanych, zawierających wideo lub nietypowych Wydawca

zastrzega sobie prawo sformułowania dodatkowych wymagań, które muszą

zostać spełnione przed emisją.

5

http://reklama.onet.pl/serwis/pobierz/HTML5DAv101.pdf

15 | S t r o n a


2. Elementy kodu

a. Elementami kodu kreacji HTML5 są: plik HTML, biblioteki skryptów (JavaScript),

pliki z arkuszami stylów o unikalnych nazwach (CSS3), grafiki oraz opcjonalnie

elementy jak wideo i Rich Media. Wszystkie elementy muszą być przesłane w

postaci skompresowanego pliku ZIP.

b. W strukturze zasobów nie może być podfolderów.

c. Wszystkie elementy składowe kodu muszą być hostowane w całości u Partnera

np. Sizmek/Doubleclick lub w całości na serwerach Wydawcy.

d. W celu optymalizacji działania kodów, Wydawca zastrzega sobie prawo do

zapisania na swoich serwerach bibliotek JavaScript hostowanych u Partnerów 3rd

Party. Stałe biblioteki JavaScript niezbędne do działania kreacji HTML5 mogą być

zaciągane tylko raz (przy pozostałych odsłonach muszą być zaciągane z pamięci

przeglądarki).

e. Dopuszczalna waga kreacji (wraz z zaciąganym kodem) jest 2 razy większa od

standardowej (nie uwzględnia bibliotek JavaScript). W takim przypadku,

Reklamodawca musi jednak przygotować tzw. preloader. Preloader to lekka

grafika, która jako pierwszy zaciągany element kreacji, wyświetla się użytkownikom

zanim pobrana zostanie właściwa kreacja.

f. Jeśli waga kreacji (wraz z zaciąganym kodem) jest 2 razy większa od

standardowej (uwzględniając biblioteki JavaScript), Reklamodawca nie musi

przygotowywać preloadera.

g. Kreacje muszą być przygotowane do emisji responsywnej (poprawne działanie

przy zmianie rozmiarów kontenera).

h. Kreacje nie mogą korzystać z bibliotek jQuery.

i. Kod musi być zgodny z Friendly iFrame.

16 | S t r o n a


j. Kod musi mieć możliwość obsługi zmiennych zliczających akcje kliknięć po stronie

systemów emisyjnych Wydawcy. Odbywać się to może na różne sposoby np.

metodą clickTAG bądź funkcją JavaScript wystawioną w systemie kompilującym

kod.

k. Dla kreacji, w których wymagany jest przycisk „ZAMKNIJ X”, obligatoryjnym

miejscem jego umieszczenia jest prawy górny róg. Przycisk musi być dostarczony

przez Reklamodawcę w odrębnym pliku i dodany na kreacji przez Wydawcę.

3. Akcja kliknięcia

Kreacje powinny zostać dostarczone w pliku HTML, który osadzony jest wewnątrz elementu IFrame. Plik przekazywany jest, jako parametr src tego elementu. Kliki, wraz z makrami adservera, przekazywane są do źródła kreacji w postaci parametru GET. Z adresu URL należy wydzielić część, w które znajdują się parametry, a następnie rozdzielić je na klucz oraz wartość parametru (parametry należy przekazać po znaku „?” lub „#”).

a. Przykład kodu do wykorzystania:

var params = {}; window.location.href.replace(/[?#&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { params[key] = decodeURIComponent(value);}); var clickTag = (params['click'] === undefined) ? 'http://onet.pl' : params['click'];

b. W przypadku akcji multiclick:

var clickTag = (vars['click'] === undefined) ? 'http://onet.pl' : vars['click']; var clickTag1 = (vars['click1'] === undefined) ? 'http://onet.pl' : vars['click1']; var clickTag2 = (vars['click2'] === undefined) ? 'http://onet.pl' : vars['click2'];

Ważne informacje: W przypadku, kiedy Reklamodawca przy konwertowaniu kreacji wprost z pliku Flash, korzysta z narzędzia Swiffy, nie ma potrzeby stosowania ww. kodu.

17 | S t r o n a


Odpowiednio przygotowana kreacja Flash sama pobierze niezbędne parametry GET.

a. Przykład:

on (release) { getURL(_root.click, "_blank"); }

UWAGA: Funkcja javascript:window.open(window.clickTag) nie może zostać wykorzystana do osadzenia akcji kliknięcia.

4. Akcja rozwiń/zwiń

Jeśli kreacja korzysta z funkcji rozwijania/zwijania należy zdefiniować poszczególne akcje odpowiednimi kodami javascript:

a. Za rozwinięcie reklamy odpowiada kod:

window.parent.postMessage(‘adrozwin’, ‘*’);

b. Za zwinięcie reklamy odpowiada kod:

window.parent.postMessage(‘adzwin’, ‘*’);

5. Akcja Zamknij

Jeśli kreacja korzysta z funkcji zamknij, w zdarzeniu click elementu służącego do zamykania kreacji należy wywołać akcję:

window.parent.postMessage(‘close’, ‘*’);

6. Wideo w HTML5

Materiały

a. Wideo może mieć maksymalnie 25 klatek na sekundę.

b. Waga filmu: do 1.5 MB.

18 | S t r o n a


c. Format plików: MP4, WEBM, OGV.

7. Rekomendowane narzędzia

a. Adobe Flash CC

b. Biblioteki CREATEJS

c. Google Web Designer

8. Obciążenie procesora

a. Wydawca wymaga korzystania z protokołów szyfrowanych (SSL). Reklamy, kreacje i

kody śledzące muszą używać bezpiecznego połączenia (https://).

i. Począwszy od 01 kwietnia 2016, wszystkie strony Wydawcy będą

ładowane poprzez szyfrowane połączenie. Bezpieczne połączenie

(https: //) osiągane jest przez korzystanie ze standardowej technologii

SSL.

b. Strony docelowe, na które przekierowuje reklama nie muszą być zaszyfrowane.

Wszystkie pozostałe elementy wyświetlanej reklamy, włączając kreację oraz kody

śledzące muszą być serwowane za pomocą SSL (http: //) nie powodując zakłóceń w

przeglądarki, na stronie oraz u użytkownika.

c. obciążać komputer standardowy, najwyżej w 40%.

d. Dopuszczalny jest chwilowy wzrost obciążenia procesora komputera standardowego,

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 minimum 10 sekund animacji.

Pliki otwarte zawierające kod kliku oraz instrukcję jak wybrać skalowanie kreacji:

Adobe Animate (POBIERZ), Google Web Designer (POBIERZ)

https://ocdn.eu/aops/mip/html5/adobe_animate.ziphttps://ocdn.eu/aops/mip/html5/google_web_designer.zip

19 | S t r o n a


Reklamy 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 Reklamodawcę ze względu na swoją

różnorodność każdorazowo musi być przetestowany i zaakceptowany przez Wydawcę.

5. Kod serwujący nie może zawierać znaczników typu:

.

Reklamy 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 Wydawcę.

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:

.

Reklamy typu Obrazek

Dopuszczalne formaty plików to GIF, JPG lub PNG.

20 | S t r o n a


Reklamy typu Rich Media

1. Emisja kreacji Rich Media, których waga przekracza standardowe limity wagowe danego

formatu reklamowego jest możliwa na zasadzie polite download. Oznacza to, że kreacja

musi zawierać kreację inicjującą, która emitowana jest użytkownikowi, jako pierwsza i która

mieści się w standardowych limitach wagowych. Pozostałe elementy kreacji dociągają się

później, po wyświetleniu kreacji inicjującej.

2. Waga elementów dociąganych przez kreację inicjującą automatycznie (bez akcji

użytkownika) wynosi maksymalnie 300 kB.

3. Jeśli waga dodatkowych elementów przekracza 300 kB dodatkowe pobieranie może się

odbyć dopiero po akcji użytkownika – tj. po kliknięciu lub najechaniu kursorem myszy na

kreację. W każdym przypadku zalecane jest umieszczenie w kreacji odpowiedniego

komunikatu typu „KLIKNIJ, ABY ZOBACZYĆ WIĘCEJ”,

„NAJEDŹ, ABY ROZWINĄĆ” itp.

4. Do kreacji Rich Media stosują się standardowe wymagania w zakresie obciążenia

procesora:

a. Reklamy mogą obciążać komputer standardowy najwyżej w 40%. Dopuszczalny jest

chwilowy wzrost obciążenia procesora do 80%, jeżeli wzrost trwa nie więcej niż 2

sekundy i pojawia sie nie częściej niż 1 raz na każde 10 sekund animacji.

b. Za standardowy komputer uznaje się dowolny komputer wyposażony w

jednordzeniowy procesor taktowany zegarem o częstotliwości 2 GHz z

zainstalowanym programem Flash Player v. 8.

21 | S t r o n a


Wagi, rozmiary i formaty standardowych form reklamowych

nazwa formatu

Rozmiar w px

Rozmiar w

px po

rozwinięciu

(najechanie

lub

kliknięcie)

format pliku

(formy

rozwijane

tylko HTML 5)

waga w kB

multiscreen

(desktop,

tablet,

smartfon)

Formy

inpage’owe

Billboard (Zobacz przykład)

750x100

750x200

JPG, PNG, GIF 40 tak

HTML5 150

double billboard (Zobacz

przykład)

750x200

750x300


HTML5 150

triple billboard (Zobacz

przykład)

750x300

750x600


HTML5 150

Wideboard (Zobacz

przykład)

950x200

950x300


HTML5 150

responsive wideboard

(Zobacz przykład)

1150x235

-


HTML5 150

double wideboard (Zobacz

przykład)

950x300

niestandardowy

JPG, PNG, GIF 60

tak HTML5 150

Navibox (Zobacz przykład)

300x250

600x250


HTML5 150

Halfpage (Zobacz przykład)

300x600

600x600

JPG, PNG, GIF 60 -

HTML5 150

Skyscraper (Zobacz

przykład)

160x600

320x600 JPG, PNG, GIF 40

- HTML5 150

boks śródtekstowy (Zobacz

przykład)

300x250

-


HTML5 150

gigaboard* (Zobacz

przykład)

1260x400

-

JPG, PNG, GIF 100 tak (tylko wersja

graficzna) HTML5 200

megapanel (Zobacz przykład)

1260x200

- JPG, PNG, GIF 60

nie HTML5 150

https://www.onet.pl/?adbeta=a459555https://www.onet.pl/?adbeta=a459555https://www.onet.pl/?adbeta=a459556https://www.onet.pl/?adbeta=a459556https://www.onet.pl/?adbeta=a459558https://www.onet.pl/?adbeta=a459558https://www.onet.pl/?adbeta=a459559https://www.onet.pl/?adbeta=a459559https://www.onet.pl/?adbeta=a459113https://www.onet.pl/?adbeta=a459557https://www.onet.pl/?adbeta=a459557https://wiadomosci.onet.pl/?adbeta=a459747https://wiadomosci.onet.pl/?adbeta=a459747https://wiadomosci.onet.pl/kraj/walka-o-warszawe-tadeusz-cymanski-zagalopowalem-sie/hs3904c?adbeta=a459749https://wiadomosci.onet.pl/kraj/walka-o-warszawe-tadeusz-cymanski-zagalopowalem-sie/hs3904c?adbeta=a459749https://wiadomosci.onet.pl/kraj/walka-o-warszawe-tadeusz-cymanski-zagalopowalem-sie/hs3904c?adbeta=a459751https://wiadomosci.onet.pl/kraj/walka-o-warszawe-tadeusz-cymanski-zagalopowalem-sie/hs3904c?adbeta=a459751https://wiadomosci.onet.pl/kraj/walka-o-warszawe-tadeusz-cymanski-zagalopowalem-sie/hs3904c?adbeta=a459748https://wiadomosci.onet.pl/kraj/walka-o-warszawe-tadeusz-cymanski-zagalopowalem-sie/hs3904c?adbeta=a459748https://www.onet.pl/?adbeta=a459762https://www.onet.pl/?adbeta=a459762https://www.onet.pl/#adbeta=r25552!slot.top-extrahttps://www.onet.pl/#adbeta=r25552!slot.top-extra

22 | S t r o n a


Reklamy Multiscreen

Założenia ogólne:

1. Emisja wybranego formatu display na wszystkich typach urządzeń: desktop, tablet,

smartfon.

2. Możliwość emisji kreacji animowanych (HTML5) i statycznych (JPG, PNG).

3. Kreacje skalują się proporcjonalnie w zależności od wielkości okna przeglądarki.

4. Strona docelowa klienta, do której kieruje kreacja, powinna być czytelna na urządzeniach

mobilnych.

Multiscreen Billboard (Zobacz przykład: Desktop / Mobile)

1. Rozmiar kreacji: 750x100px.

2. Formaty: JPG, PNG waga do 40kB; HTML5* waga do 150kB.

3. Przekaz reklamowy: rekomendowana minimalna wielkość czcionki 30px.

4. Kreacja skaluje się z zachowaniem proporcji. Przykładowe rozmiary kreacji:

rozdzielczości desktop +1024 - rozmiar kreacji 750x100px,

rozdzielczości mobile 320 - rozmiar kreacji 320x43px,


rozdzielczości mobile 480 - rozmiar kreacji 480x64px.

Dodatkowe informacje: W przypadku form statycznych graficznych klient podsyła 1 kreację, która

emitowana będzie na wszystkich typach urządzeń.

*Dla formatów HTML5 rekomendowane jest przygotowanie dodatkowej kreacji w wersji

graficznej statycznej (JPG, PNG), która emitowana będzie na smartfonach.

https://www.onet.pl/?adbeta=a459555https://m.onet.pl/?ress=mobile&adbeta=a459548

23 | S t r o n a


Multiscreen Double Billboard (Zobacz przykład: Desktop / Mobile)

1. Rozmiar kreacji: 750x200px












Multiscreen Triple Billboard (Zobacz przykład: Desktop / Mobile)





rozdzielczości desktop +1024 - rozmiar kreacji 750x300px

rozdzielczości mobile 320 - rozmiar kreacji 320x128px

rozdzielczości mobile 360 - rozmiar kreacji 360x144px


https://www.onet.pl/?adbeta=a459556https://m.onet.pl/?ress=mobile&adbeta=a459549https://www.onet.pl/?adbeta=a459558https://m.onet.pl/?ress=mobile&adbeta=a459551

24 | S t r o n a






Multiscreen Wideboard (Zobacz przykład: Desktop / Mobile)













https://www.onet.pl/?adbeta=a459559https://m.onet.pl/?ress=mobile&adbeta=a459553

25 | S t r o n a


Multiscreen Double Wideboard (Zobacz przykład: Desktop / Mobile)


2. Formaty: JPG, PNG waga do 60kB; HTML5 waga* do 150kB.











Multiscreen Responsive Wideboard (Zobacz przykład: Desktop / Mobile)





rozdzielczości desktop +1024 - kreacja 1150x235px skalowalna na 100%

szerokości serwisu. minimalny rozmiar 980x200px, 1024x209px, maksymalny

1260x257px,




https://www.onet.pl/?adbeta=a459557https://m.onet.pl/?ress=mobile&adbeta=a459550https://www.onet.pl/?adbeta=a459113https://m.onet.pl/?ress=mobile&adbeta=a459554

26 | S t r o n a




*Dla formatów HTML5 wymagane jest przygotowanie dodatkowej kreacji w wersji graficznej

statycznej (JPG, PNG), która emitowana będzie na smartfonach.

Multiscreen Rectangle (Zobacz przykład: Desktop / Mobile)






*Dla formatów HTML5 rekomendujemy przygotowanie dodatkowej kreacji w wersji graficznej


Multiscreen Gigaboard (Zobacz przykład: Desktop / Mobile)

1. Rozmiar kreacji: 1260x400px (desktop, tablet), 1024x488px (smartphone)

2. Formaty: JPG, PNG, waga do 100kB; HTML5* waga do 200kB.



rozdzielczości desktop +1024 - kreacja 1260x400px skalowalna na 100%

szerokości serwisu. minimalny rozmiar 980x467px, 1024x 488px, maksymalny

1260x600px,

https://wiadomosci.onet.pl/?adbeta=a459747https://m.onet.pl/?ress=mobile&adbeta=a459746https://www.onet.pl/?adbeta=a459762https://m.onet.pl/?ress=mobile&adbeta=a459759

27 | S t r o n a







*Dla formatów HTML5 wymagane jest przygotowanie dodatkowej kreacji w wersji graficznej


Specjalne formaty reklamowe na stronie głównej

Sponsor dnia

1. Sponsor dnia dostępny jest w wersji pojedynczej (wysokość 60 px) oraz podwójnej

(wysokość 120 px). Kreacja nie jest skalowalna, ma stałą wysokość niezależnie od

rozdzielczości oraz zajmuje 100% szerokości strony głównej.

2. Powierzchnia reklamowa przy Sponsorze dnia jest zmienna, w zależności od wielkości

okna przeglądarki, ma szerokość od 970 px do 1920 px.

3. Sponsor dnia może, ale nie musi być rozwijany.

4. Kreacja standardowo opisywana jest jako „SPONSOR DNIA” na wersji podstawowej i

rozwiniętej. Napis jest dodawany przez Reklamodawcę na grafice, zawsze u góry po lewej

stronie pola reklamowego.

28 | S t r o n a


Sponsor dnia - wersja podstawowa

1. Kreacja powinna posiadać maksymalnie: jeden element spójny graficznie, jedno hasło

marketingowe, jeden logotyp Reklamodawcy lub alternatywnie wizerunek produktu (tylko

we wcześniej uzgodnionych z Wydawcą przypadkach).

2. Hasło reklamowe zamieszczone na kreacji nie może być mniejsze niż 10 px i nie większe

niż 40 px wysokości.

3. Kreacja nie może prezentować adresu strony WWW oraz danych teleadresowych

Reklamodawcy.

4. Napis „SPONSOR DNIA” umieszczany jest w lewym górnym rogu pola reklamowego przez

Reklamodawcę. Minimalna wielkość czcionki wynosi 9 px. Napis musi być czytelny i

kontrastowy, czyli musi wyraźnie odróżniać się od tła, na którym się znajduje.

5. Logotyp Reklamodawcy należy umieścić bezpośrednio pod napisem

„SPONSOR DNIA”.

6. Pole reklamowe, przeznaczone na hasła reklamowe i branding Sponsora, ma stałą

wielkość i rozmieszczenie. Pole to wyznacza lewa krawędź strony głównej Onetu,

szczegóły rozmieszczenia opisane poniżej - Materiały, punkt 1, wersja podstawowa.

Obszar wykraczający poza pole reklamowe, z lewej i prawej strony, powinien być

dopełniony grafiką uzupełniającą lub jednolitym tłem, bez przekazu reklamowego.

Sponsor dnia - wersja rozwijana

1. Kreacja po rozwinięciu może zawierać: statyczną grafikę, odtwarzacz wideo, galerię zdjęć

czy dowolną animację, nie ma ograniczeń co do wielkości haseł lub logotypów.

29 | S t r o n a


2. Kreacja zawiera przycisk „ROZWIŃ” w wersji podstawowej, po rozwinięciu musi pojawić się

przycisk „ZWIŃ” lub inny równoznaczny (np. „ZAMKNIJ X”), pozwalający na

zamknięcie/zwinięcie kreacji. Obligatoryjne umiejscowienie przycisków „ROZWIŃ” i „ZWIŃ”

to prawa krawędź strony głównej Onet. Przyciski dostarczane są przez Reklamodawcę w

odrębnych plikach i dodawane na kreacji przez Wydawcę.

3. Kreacja rozwija się na zasadzie push down, to znaczy przesuwa treści strony w dół, o

wysokość kreacji.

4. Kreacja opisana jest hasłem „SPONSOR DNIA”, zgodnie z wytycznymi dla wersji

podstawowej.

5. Logotyp Reklamodawcy (opcjonalny) należy umieścić bezpośrednio pod napisem

„SPONSOR DNIA”.

6. Sponsor dnia po rozwinięciu jest nieskalowalny, a pole reklamowe przeznaczone na hasła i

elementy reklamowe ma stałą wielkość i rozmieszczenie, szczegóły opisane poniżej -

Materiały, punkt 2, wersja rozwijana. Obszar wykraczający poza pole reklamowe, z lewej

i prawej strony, powinien być dopełniony grafiką uzupełniającą lub jednolitym tłem, bez

przekazu reklamowego.

Sponsor dnia - wersja rozwijana z wideo

1. Umieszczenie wideo w Sponsorze możliwe jest jedynie w wersji rozwijanej.

2. Odtwarzacz wideo pojawia się po rozwinięciu kreacji.

3. Film jest odtwarzany automatycznie po rozwinięciu sponsoringu lub po kliknięciu

użytkownika, nie ma ograniczenia czasu ani wagi kreacji.

Materiały

1. Wersja podstawowa:

- pojedyncza: plik graficzny w rozmiarze 1920x60 px, schemat JPG/PSD,

- podwójna: plik graficzny w rozmiarze 1920x120 px, schemat JPG/PSD oraz dodatkowy

plik graficzny w rozmiarze 1920x60 schemat JPG/PSD

2. Wersja rozwijana graficzna:

- dla wersji pojedynczej: 1 plik (JPG, PNG) w rozmiarze 1920x360 px, schemat JPG/PSD,

- dla wersji podwójnej: 1 plik (JPG, PNG) w rozmiarze 1920x420 px, schemat JPG/PSD

oraz dodatkowy plik graficzny w rozmiarze 1920x60 schemat JPG/PSD

https://ocdn.eu/aops/mat/sponsordnia/pojedynczy_1920x60.jpghttps://ocdn.eu/aops/mat/sponsordnia/pojedynczy_1920x60.psdhttps://ocdn.eu/aops/mat/sponsordnia/podwojny_1920x120.jpghttps://ocdn.eu/aops/mat/sponsordnia/podwojny_1920x120.psdhttps://ocdn.eu/aops/mat/sponsordnia/pojedynczy_1920x60.jpghttps://ocdn.eu/aops/mat/sponsordnia/pojedynczy_1920x60.psdhttps://ocdn.eu/aops/mat/sponsordnia/pojedynczy_rozwijany_1920x360.jpghttps://ocdn.eu/aops/mat/sponsordnia/pojedynczy_rozwijany_1920x360.psdhttps://ocdn.eu/aops/mat/sponsordnia/podwojny_rozwijany_1920x420.jpghttps://ocdn.eu/aops/mat/sponsordnia/podwojny_rozwijany_1920x420.psdhttps://ocdn.eu/aops/mat/sponsordnia/pojedynczy_1920x60.jpghttps://ocdn.eu/aops/mat/sponsordnia/pojedynczy_1920x60.psd

30 | S t r o n a


3. Wersja rozwijana HTML5: kreacja w rozmiarze 1920x300 px,

schemat JPG/PSD.

4. Dla wersji rozwijanej przyciski „ROZWIŃ” i „ZWIŃ” w dwóch oddzielnych plikach

graficznych. Format: JPG, PNG. Obligatoryjny rozmiar przycisków: 120x40 px.

5. Maksymalna waga wersji podstawowej: do 60 kB (wraz z przyciskiem, jeśli kreacja ma być

rozwijana).

6. Maksymalna waga wersji rozwiniętej: do 200 kB (wraz z przyciskiem).

7. W przypadku gdy w rozwiniętej kreacji będzie umieszczony player wideo, galeria zdjęć lub

animacja, należy umieścić te elementy w obrębie kodu HTML5 kreacji. Specyfikacja dla

wersji z wideo: format MP4, WEBM, OGV; waga do 1,5 MB; liczba klatek na sekundę: 25.

8. Kody zliczające, jeśli występują.

9. URL docelowy kreacji.

10. Komplet materiałów należy dostarczyć najpóźniej 5 dni roboczych przed emisją.

https://ocdn.eu/aops/mat/sponsordnia/rozwiniety_html5_1920x300.jpghttps://ocdn.eu/aops/mat/sponsordnia/rozwiniety_html5_1920x300.psd

31 | S t r o n a


Gigapanel (Zobacz przykłady: Gigapanel1, Gigapanel2, Gigapanel3)

1. Ze względu na skalowalność Strony Głównej Onet, Gigapanel jest formatem skalowalnym,

co oznacza, że automatycznie dopasowuje się do rozdzielczości ekranu i rozmiaru okna

przeglądarki. Przeskalowanie odbywa się przy zachowaniu proporcji kreacji.

2. Gigapanel dla domyślnej szerokości strony i rozdzielczości ekranu 1366 px ma rozmiar

1260x600 px.

3. Nad Gigapanelem umieszczone jest oznaczenie "REKLAMA" oraz guzik pozwalający

przewinąć stronę w dół, do treści znajdujących się poniżej reklamy.

Materiały

1. Rozmiar kreacji: 1260x600 px.

2. Format: JPG, PNG, GIF waga do 100 kB, HTML5 waga do 200 kB.

3. Minimalny wyświetlany rozmiar kreacji to 980x466 px dla rozdzielczości ekranu 1024 px –

prosimy o przetestowanie czytelności przekazu reklamowego po przeskalowaniu kreacji do

tego rozmiaru.

4. Plik źródłowy w formacie PSD lub paczkę kreacji HTML5*.



7. Komplet materiałów należy dostarczyć najpóźniej 3 dni robocze przed emisją.

Halfpage Premium 1. Rozmiar kreacji: 300x600 px.





6. Komplet materiałów należy dostarczyć najpóźniej 3 dni robocze przed emisją5

https://www.onet.pl/?adbeta=a459752https://www.onet.pl/?adbeta=a459760https://www.onet.pl/?adbeta=a459761

32 | S t r o n a


Halfpage - Halfpage 1, Halfpage 2, Halfpage 3 1. Rozmiar kreacji: 300x600 px.





6. Komplet materiałów należy dostarczyć najpóźniej 3 dni robocze przed emisją5

Rectangle - Rectangle 1, Rectangle 2, Rectangle 3 1. Rozmiar kreacji: 300x250 px.





6. Komplet materiałów należy dostarczyć najpóźniej 3 dni robocze przed emisją

Native in Feed FF Założenia ogólne: 1. Reklama native in-feed składa się ze zdjęcia, tytułu, opisu (wyświetla się opcjonalnie w zależności od typu

zajawki) i przycisku z hasłem call to action.

2. Kreacje są responsywne i dopasowane wyglądem do layoutu i stylu serwisu, na którym są wyświetlane.

3. Dopasowanie reklamy do wyglądu konkretnego serwisu odbywa się automatycznie.

4. Emisja multiscreen: desktop, mobile oraz na aplikacjach: Onet

Materiały: 1. Teksty

a. Tytuł: minimum 20 znaków ze spacjami, maksimum 40 znaków ze spacjami.

b. Opis: do 60 znaków ze spacjami. Opis wyświetli się tylko na wybranych stronach serwisów Onet.pl,

Newsweek.pl, PrzeglądSportowy.pl, BusinessInsider.com.pl oraz KomputerŚwiat.pl. c. Hasło call-

to-action: do 10 znaków ze spacjami (domyślnie „ZOBACZ”).

33 | S t r o n a


2. Uwagi dodatkowe: tekst tytułu i opisu nie może składać się wyłącznie z wielkich liter. Tytuł powinien być

zdaniem lub równoważnikiem zdania, w formie dopasowanej do tytułów publikowanych w serwisach Grupy.

Tytuł nie może składać się wyłącznie z nazwy marki, produktu, usługi. Dodatkowo tekst musi być

skonstruowany zgodnie z zasadami polskiej gramatyki i ortografii. Media Impact Polska zastrzega sobie

prawo do redakcyjnej edycji tekstu w sytuacji, gdy nie spełnia on tych zasad.

3. Zdjęcie

a. Rozmiar: 640x360px,

b. Format: JPG, PNG,

c. Waga: do 40kB. Dodatkowe informacje: na zdjęciu nie mogą być obecne hasła reklamowe i

elementy brandingu.

Dodatkowe informacje

1. Adres URL strony docelowej. Strona docelowa powinna być czytelna na urządzeniach mobilnych.

2. Akceptowane są kody audytowe jedynie w formie pixela zliczającego (nie są akceptowane skrypty).

34 | S t r o n a


*HTML5

Dodatkowe informacje dla kreacji typu HTML5 znajdują się w wymaganiach

ogólnych tego typu kreacji.

Gigapanel Page Breaker

Założenia emisji

1. Statyczna lub animowana kreacja wypełniająca całą szerokość serwisu, uwidaczniająca się

w momencie przewijania strony.

2. Gigapanel Page Breaker jest formatem skalowalnym, co oznacza, że automatycznie

dopasowuje się do rozdzielczości ekranu i rozmiaru okna przeglądarki. Przeskalowanie

odbywa się przy zachowaniu proporcji kreacji.

3. Nad kreacją umieszczone jest oznaczenie "REKLAMA" oraz guzik pozwalający przewinąć

stronę w dół, do treści znajdujących się poniżej reklamy.

Materiały

1. Rozmiar kreacji: 1260x1080 px.

2. Format pliku: JPG, PNG, GIF, HTML5*.

3. Waga jednego pliku: formaty graficzne do 200 kB, HTML5 do 400 kB.

4. W celu jak najlepszej prezentacji należy przygotować kreację według schematu tutaj

5. Pole reklamowe, czyli obszar przeznaczony na hasła reklamowe i elementy brandingu

Reklamodawcy, ma rozmiar 1260x600 px i jest to przestrzeń gwarantowana jako widoczna

niezależnie od rozdzielczości ekranu lub wielkości okna przeglądarki użytkownika.

Pozostałą część kreacji, z góry i dołu, dopełnia jednolite tło/tapeta zawierająca elementy

graficzne ale nie przekaz reklamowy. Widoczność tła może się różnić w zależności od

rozdzielczości ekranu lub wielkości okna przeglądarki.

6. Wytyczne dla wersji HTML5 z wideo/animacją:

a. Format plików wideo: MP4, WEBM, OGV,

http://ocdn.eu/aops/mat/format_gigapanel_pagebreaker.jpg

35 | S t r o n a


b. Waga wideo: do 1,5 MB,

c. Maksymalna długość materiału wideo: 30 sekund,

d. Materiał źródłowy wideo powinien spełniać następujące

wymagania:

- Rozdzielczość: 1280x720 px,

- Kontener: mp4 - kodek wideo: h264,

- Kodek audio: aac, 128 kbps, stereo,

- Poziom dźwięku nominalny: -18 dBFS, poziom maksymalny: -10 dBFS,

- Bitrate sumaryczny: ~10Mbps,

- Minimalna liczba klatek na sekundę: 25,

- Proporcje: 16:9.

Uwaga: film w kreacji uruchamiany jest automatycznie, natomiast dźwięk uruchamiany jest

po akcji użytkownika. Na kreacji muszą się znaleźć ikonki włącz/wyłącz dźwięk.

7. Minimalny wyświetlany rozmiar kreacji to 970x460 px dla rozdzielczości ekranu 1024 px –

prosimy o przetestowanie czytelności przekazu reklamowego po przeskalowaniu kreacji do

tego rozmiaru.




Uwagi

Emisja nie obejmuje urządzeń mobilnych. W celu emisji na tabletach prosimy o dostarczenie

kreacji uzupełniającej zgodnej ze specyfikacją dla formatu Gigapanel, str. 36

http://mediaimpact.pl/upload/docfiles/specyfikacja-techniczna_onet_rasp.pdf#page%3D36

36 | S t r o n a


*HTML5

Dodatkowe informacje dla kreacji typu HTML5 znajdują się w wymaganiach ogólnych tego typu

kreacji.

Panel reklamowy

Panel w prawej kolumnie

1. Ze względu na skalowalność Strony Głównej Onet, panel jest formatem skalowalnym, co

oznacza, że automatycznie dopasowuje się do rozdzielczości ekranu i rozmiaru okna


2. Panel występuje w czterech wersjach:

a. Panel pojedynczy - 370x110 px (Przykład)

b. Panel podwójny - 370x220px (Przykład)

c. Panel potrójny - 370x330px (Przykład)

d. Panel poczwórny - 370x440px (Przykład)

Materiały UWAGA: specyfikacja dla produktu: panel prawy 4 multiscreen znajduje się na stronie

93 dokumentu

1. Panel pojedynczy

a. Rozmiar kreacji: 370x110 px.

b. Format: JPG, PNG, GIF waga do 40 kB; HTML5 waga do 80 kB.Minimalny wyświetlany

rozmiar kreacji to 284x84 px dla rozdzielczości ekranu 1024 px

– prosimy o przetestowanie czytelności przekazu reklamowego po

przeskalowaniu kreacji do tego rozmiaru.

https://www.onet.pl/#adbeta%3Dr766!slot.flat-boxright1https://www.onet.pl/#adbeta%3Dr767!slot.flat-boxright1https://www.onet.pl/#adbeta%3Dr768!slot.flat-boxright1https://www.onet.pl/#adbeta%3Dr769!slot.flat-boxright1

37 | S t r o n a


2. Panel podwójny


b. Format: JPG, PNG, GIF waga do 40 kB; HTML5 waga do 80 kB.

c. Minimalny wyświetlany rozmiar kreacji to 284x168px dla rozdzielczości ekranu 1024 px

– prosimy o przetestowanie czytelności przekazu reklamowego po przeskalowaniu

kreacji do tego rozmiaru.

3. Panel potrójny



c. Minimalny wyświetlany rozmiar kreacji to 284x252 px dla rozdzielczości ekranu 1024

px - prosimy o przetestowanie czytelności przekazu reklamowego po przeskalowaniu


4. Panel poczwórny



c. Minimalny wyświetlany rozmiar kreacji to 284x336 px dla rozdzielczości ekranu 1024



5. Plik źródłowy w formacie PSD.




9. W przypadku emisji z kodów zewnętrznych konieczne jest przygotowanie kreacji

umożliwiające jej skalowanie w IFrame. Prosimy o kontakt w tej sprawie.

38 | S t r o n a


Panel nieskalowalny

Opcjonalnie panel może występować w postaci nieskalowanej, wówczas jest wyświetlany w 2

rozmiarach dla 2 różnych zakresów rozdzielczości i szerokości okna przeglądarki.

1. Panel pojedynczy:

280x100 px dla szerokości okna przeglądarki 1024-1279 px (przykład)

335x100 px dla szerokości okna przeglądarki 1280< (przykład)

2. Panel podwójny



3. Panel potrójny

280x300 px dla szerokości okna przeglądarki 1024-1279 (przykład)

335x300 dla szerokości okna przeglądarki 1280< (przykład)

4. Panel poczwórny:



Kreacja jest centrowana w lewej kolumnie strony głównej. W zależności od szerokości okna

przeglądarki, po prawej i lewej stronie kreacji pojawiają się marginesy.

Materiały:

1. Panel pojedynczy – 2 kreacje:

280x100 px,

335x100 px.

2. Panel podwójny – 2 kreacje:

https://www.onet.pl/#adbeta%3Dl65885https://www.onet.pl/#adbeta%3Dl65888https://www.onet.pl/#adbeta%3Dl65900https://www.onet.pl/#adbeta%3Dl65902https://www.onet.pl/#adbeta%3Dl65905https://www.onet.pl/#adbeta%3Dl65906https://www.onet.pl/#adbeta%3Dl65913https://www.onet.pl/#adbeta%3Dl65914

39 | S t r o n a


280x200 px,

335x200 px.

3. Panel potrójny – 2 kreacje:

280x300 px,

335x300 px.

4. Panel poczwórny – 2 kreacje:

280x400 px,

335x400 px.

5. Format: JPG, GIF, PNG waga do 40 kB; HTML5 waga do 80 kB (każda).




9. HTML5



Panel w lewej kolumnie

1. Ze względu na skalowalność Strony Głównej Onet, Panel jest formatem skalowalnym, co

oznacza że automatycznie dopasowuje się do rozdzielczości ekranu i rozmiaru okna


2. Panel występuje w czterech wersjach:

a. Panel pojedynczy - 870x100 px (przykład)

b. Panel podwójny - 870x200 px (przykład)

c. Panel potrójny - 870x300 px (przykład)

d. Panel poczwórny - 870x400 px (przykład)

https://www.onet.pl/#adbeta%3Dr762!slot.top2https://www.onet.pl/#adbeta%3Dr763!slot.top2https://www.onet.pl/#adbeta%3Dr764!slot.top2https://www.onet.pl/#adbeta%3Dr765!slot.top2

40 | S t r o n a


Materiały


a) Rozmiar kreacji: 870x100 px

b) Format: JPG, PNG, GIF waga do 40 kB; HTML5 waga do 80kB.

c) Minimalny wyświetlany rozmiar kreacji to 667x77 px dla rozdzielczości ekranu 1024 px

- prosimy o przetestowanie czytelności przekazu reklamowego po przeskalowaniu


2. Panel podwójny:

a) Rozmiar kreacji: 870x200 px.

b) Format: JPG, PNG, GIF waga do 40kB; HTML5 waga do 80 kB.

c) Minimalny wyświetlany rozmiar kreacji to 667x153 px dla rozdzielczości ekranu 1024



3. Panel potrójny:


b) Format: JPG, PNG, GIF waga do 50 kB; HTML5 waga do 100 kB.






b) Format: JPG, PNG, GIF waga do 50 kB; HTML5 waga do 100 kB.




41 | S t r o n a





8. W przypadku emisji z kodów zewnętrznych konieczne jest przygotowanie kreacji

umożliwiające jej skalowanie w IFrame. Prosimy o kontakt w tej sprawie.

Panel nieskalowalny

1. Opcjonalnie panel może występować w postaci nieskalowanej, wówczas jest wyświetlany

w 2 rozmiarach dla 2 różnych zakresów rozdzielczości i szerokości okna przeglądarki.



790x100 px dla szerokości okna przeglądarki 1280< px (przykład)

3. Panel podwójny:


790x200 px szerokości okna przeglądarki 1280< px (przykład)

4. Panel potrójny:






6. Kreacja jest centrowana w lewej kolumnie strony głównej. W zależności od szerokości

okna przeglądarki, po prawej i lewej stronie kreacji pojawiają się marginesy.

https://www.onet.pl/#adbeta%3Dl65812https://www.onet.pl/#adbeta%3Dl65813https://www.onet.pl/#adbeta%3Dl65825https://www.onet.pl/#adbeta%3Dl65826https://www.onet.pl/#adbeta%3Dl65829https://www.onet.pl/#adbeta%3Dl65830https://www.onet.pl/#adbeta%3Dl65833https://www.onet.pl/#adbeta%3Dl65837

42 | S t r o n a


Materiały

1. Panel pojedynczy – 2 kreacje:

- 660x100 px,

- 790x100 px.

Format: JPG, GIF, PNG waga do 40 kB; HTML5 do 80 kB (każda).

2. Panel podwójny – 2 kreacje:

- 660x200 px,

- 790x200 px.


3. Panel potrójny – 2 kreacje:

- 660x300 px,

- 790x300 px.


4. Panel poczwórny – 2 kreacje:

- 660x400 px,

- 790x400 px.





8. HTML5



43 | S t r o n a

Ringier Axel Springer Polska Sp. z o.o. z siedzibą w Warszawie (02–672), ul. Domaniewska 49 zarejestrowana w rejestrze przedsiębiorców Krajowego Rejestru Sądowego prowadzonym przez Sąd Rejonowy dla m. st. Warszawy Wydział XIII Gospodarczy Krajowego Rejestru Sądowego pod num

specyfikacja techniczna form reklamowych · 2020. 9. 18. · reklama nie może zmieniać ani...

Documents