- Reklamy HTML5 – specyfikacja
- Produkty reklamowe desktop
- Belka
- Billboard
- Double billboard
- Expand billboard
- Half Page
- Mailing
- Rectangle
- Expand rectangle
- Screening
- Tapeta
- Welcome screen
- Welcome screen na tapecie
- Wideboard
- Double wideboard
- Expand wideboard
- Produkty reklamowe mobile
- Belka
- Top Bilboard
- Intersitial
- Rectangle
- Produkty specjalne
- Billboard w newsletterze
- Box „specjalne”
- Partner serwisu
- Serwis dedykowany
- Wstęp dedykowany
Reklamy HTML5 – specyfikacja
- Reklamy HTML5 muszą zawierać poprawny kod html, js, css. Powinna prawidłowo działać na wszystkich popularnych przeglądarkach i urządzeniach mobilnych.
- Typ pliku kreacji: ZIP
- Plik ZIP powinien zawierać plik HTML reklamy oraz ewentualnie poniższe typy plików: CSS, JS, HTML, GIF, PNG, JPG, SVG, MP4.
- Liczba plików w paczce zip nie powinna przekraczać 5. Niestandardowe fonty i drobne pliki graficzne powinny być zapisane wewnątrz kodu html jako base64.
- Wszelkie odwołania do kodu i zasobów muszą mieć postać ścieżki do zasobów w pliku ZIP. Wszelkie odwołania do zewnętrznych elementów są niedozwolone. Wyjątkiem jest player youtube.
- Wielkość wszystkich elementów kreacji nie powinna przekraczać dopuszczalnej wagi kreacji. Wyjątkiem jest klip wideo mp4 który nie powinien przekraczać 2MB. Dopuszczalne jest przekroczenie wagi kreacji (max 3 krotne) – jednak wtedy dodatkowe dane powinny być pobierane asynchronicznie a kreacja powinna posiadać tzw. preloader.
- Dozwolony jest automatyczne odtwarzanie wideo bez dźwięku. Dźwięk może być włączony przez akcję która jest zrozumiała dla użytkownika. Wideo może być odtwarzane za pomocą playera youtube lub html5 <video>
- Kreacja powinna być wysłana przynajmniej 5 dni przed uruchomieniem celem przetestowania.
- Statystyki nie powinny być elementem kreacji, powinny być dołączone osobno.
- Zabronione jest używanie skryptów śledzących interakcje użytkownika poza obszarem reklamy.
- Reklama nie może zmieniać ani odczytywać plików cookies Wydawcy.
- Reklama nie może odczytywać ani zapisywać danych w Local / Session Storage przeglądarki.
- Link kreacji będzie przekazany do niej za pomocą # linku, wewnątrz kreacji można go pobrać w następujący sposób:
Produkty reklamowe desktop
Belka
Rozmiar kreacji (szerokość x wysokość) w pixelach: 1920x100
Format kreacji: GIF, JPEG, PNG,
Maksymalna waga kreacji: 50 kB
Billboard
BillRozmiar kreacji (szerokość x wysokość) w pixelach: 750x100
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 60kB
Double billboard
Rozmiar kreacji (szerokość x wysokość) w pixelach: 750x200
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 70 kB
Expand billboard
Rozmiar kreacji (szerokość x wysokość) w pixelach: 750x200 (zwinięty) / 750x400 (rozwinięty w dół)
Format kreacji: GIF, JPEG, PNG
Maksymalna waga obu kreacji: 100 kB
Half Page
Rozmiar kreacji (szerokość x wysokość) w pixelach: 300x600
Format kreacji: GIF, JPEG, PNG, HTML5,
Maksymalna waga kreacji: 80 kB
Mailing
e-mail w formacie tekstowym lub html wysyłany do zdefiniowanej grupy docelowej.
Specyfikacja techniczna
- Reklamodawca jest zobowiązany do dostarczenia kreacji mailingu w formacie HTML lub TXT oraz do podania następujących informacji:
- dokładna nazwa oraz adres reklamodawcy;
- tytuł maila – zalecana długość do 80 znaków bez WERSALIKÓW i znaków specjalnych;
- waga całości kreacji w sumie do 150 kb, szerokość mailingu do 650 px, arkusze stylów CSS wewnątrz pliku html
- pliki graficzne w formacie GIF lub JPG
- UWAGA: Aby mailing wyglądał dobrze u różnych odbiorców:
- Strona kodowa: ISO 8859-2
- style css zamieszczamy wewnątrz atrybutów „style”. (nie w sekcji <style>) czyli stosujemy tzw. style inline.
- Unikamy stylów background:url(…) czy position – nie jest interpretowany w Outlook 2007. W kwestii html poradnik budowania mailingów: https://www.campaignmonitor.com/guides/coding/guidelines/
- Wszystkie części składowe kreacji HTML (kod HTML oraz pliki graficzne jeśli występują) muszą zostać przesłane do CzasDzieci.pl
Rectangle
Rozmiar kreacji (szerokość x wysokość) w pixelach: 300x250
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 70 kB
Expand rectangle
Rozmiar kreacji (szerokość x wysokość) w pixelach: 300x250 (zwinięty) / 600x250 (rozwinięty w prawo)
Format kreacji: HTML5
Maksymalna waga kreacji: 70 kB
Screening
Screening składa się z jednej z form banerowych (Billboard, DoubleBillboard, Triple Billboard, Wideboard, DoubleWideboard) oraz tapety, gdzie elementy kompozycji na kreacjach łączą się w jedną całość. Tapeta musi być w innym kolorze niż tło serwisu. Kreacja tworzy literę „H”
- Informacje ogólne dla tapety:
Rozmiar kreacji tapety w pikselach (szerokość x wysokość) – dowolny.
Dla wielkości strony:
– powyżej rozdzielczości 1366 px to 1140 px
– poniżej rozdzielczości 1366 px to 1010 px
Można przygotować dwie wersje tapety – jedną dla szerokości okna przeglądarki 1920-1367px a drugą poniżej szerokości 1367px.
Wysokość sekcji przykrywającej tapetę (z logotypem) od góry to 223px. Margines powyżej i poniżej reklamy to 30px. - Należy zwrócić uwagę, by ważne informacje były jak najbliżej wewnętrznych brzegów tapety (by nie zostały one obcięte przez ekrany o niższej rozdzielczości). Nie powinny wychodzić poza 178px szerokości każdego pasa tapety (1010px+178+178=1366px – obszar widoczny na monitorze rozdzielczości 1366px). Możliwe jest też przygotowanie dodatkowej wersji tapety wyświetlającej się przy wyższych rozdzielczościach (jak 1600px lub fullHD)
- Format kreacji: GIF, JPEG, PNG
- Maksymalna waga kreacji tapety: 150 kB
- Wymagane jest przesłanie projektu w pliku otwartym (na warstwach) PSD.
- Dodatkowe elementy „wychodzące” na stronę muszą być konsultowane.
- Dokładna forma i sposób prezentacji są każdorazowo uzgadniane z reklamodawcą
Informacje ogólne dla części Double Billboard
UWAGA: Kreacja nie powinna mieć tła. Tłem jest kreacja tapety. Double billboard umieszczany jest docelowo na środku kreacji, 30px od góry i od dołu.
Rozmiar kreacji (szerokość x wysokość) w pixelach: 750x200
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 70 kB
Tapeta
- Rozmiar kreacji w pikselach (szerokość x wysokość): dowolny utworzony tak by pośrodku zostawić biały pas pionowy (na stronę) o szerokości 1010px, oraz w wersji dla rozdzielczości powyżej 1367px – 1140px.
- Należy zwrócić uwagę by ważne informacje były jak najbliżej wewnętrznych brzegów tapety (by nie zostały one obcięte przez ekrany o niższej rozdzielczości). Nie powinny wychodzić poza 178px szerokości każdego pasa tapety (1010px+178+178=1366px – obszar widoczny na monitorze rozdzielczości 1366px). Możliwe jest też przygotowanie dodatkowej wersji tapety wyświetlającej się przy wyższych rozdzielczościach (jak 1600px lub fullHD)
- Format kreacji: GIF, JPEG, PNG
- Maksymalna waga kreacji: 150 kB
- Wymagane jest przesłanie projektu w pliku otwartym (na warstwach) PSD.
- Dodatkowe elementy „wychodzące” na stronę muszą być konsultowane.
- Dokładna forma i sposób prezentacji są każdorazowo uzgadniane z reklamodawcą.
Welcome screen
Rozmiar kreacji (szerokość x wysokość) w pixelach: 980x400
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 100 kB
Welcome screen na tapecie
Welcome screen:
Rozmiar kreacji (szerokość x wysokość) w pixelach: 980×400
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 100 kB
Tapeta:
Rozmiar kreacji (szerokość x wysokość) w pixelach: 1920x1200
Format kreacji: GIF, JPEG, PNG,
Maksymalna waga kreacji: 150 kB
Welcome screen mieści się w środkowej części tapety.
Obszar widoczny nad kreacją Welocme Screen ma wysokość 80px.
Najważniejsze elementy tapety powinny znajdować się w obszarze środkowym 1366x768
Wideboard
Rozmiar kreacji (szerokość x wysokość) w pixelach: 980x200
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 80kB
Double wideboard
Rozmiar kreacji (szerokość x wysokość) w pixelach: 980x300
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 100kB
Expand wideboard
Rozmiar kreacji (szerokość x wysokość) w pixelach: 980x200 (zwinięty) / 980x400 (rozwinięty w dół)
Format kreacji: GIF, JPEG, PNG
Maksymalna waga obu kreacji: 100 kB
Produkty reklamowe mobile
Belka
Rozmiar kreacji (szerokość x wysokość) w pixelach: 600x100
Format kreacji: GIF, JPEG, PNG,
Maksymalna waga kreacji: 50 kB
Top Bilboard
Rozmiar kreacji (szerokość x wysokość) w pixelach: 500x200
Format kreacji: GIF, JPEG, PNG,
Maksymalna waga kreacji: 30 kB
Intersitial
Format kreacji: GIF, JPEG, PNG
Maksymalna waga kreacji: 80 kB
Rectangle
Rozmiar kreacji (szerokość x wysokość) w pixelach: 300x250
Format kreacji: GIF, JPEG, PNG, HTML5
Maksymalna waga kreacji: 70 kB
Produkty specjalne
Billboard w newsletterze
Rozmiar kreacji (szerokość x wysokość) w pixelach: 700x150
Format kreacji: GIF, JPEG, PNG
Maksymalna waga kreacji: 30kB
Box „specjalne”
Kreacja powinna zawierać się w kształcie z powyższego szablonu. Czcionka (Sen), jej rozmiar, układ oraz promień zaokrąglenia kreacji powinny być zgodne z szablonem.
Plik kreacji w formie gif/png (maksymalnie 10kB)
Partner serwisu
Serwis dedykowany
Wstęp dedykowany
Może występować w dwóch wariantach:
- Wstęp jako playerka wideo (YouTube).
Wymagany jest link do filmu zamieszczonego na YouTube. Opcjonalnie sam film (w formacie dowolnym, proporcjach 4:3 lub 16:9). - Wstęp jako obrazek z opisem.
Wymagane materiały:- Obrazek (JPG/GIF) rozmiar 576x324.
- Tytuł max: 25 znaków ze spacjami
- Opis max: 200 znaków ze spacjami
- Link docelowy