Specyfikacja techniczna form reklamowych

Transkrypt

Specyfikacja techniczna form reklamowych
Specyfikacja zgodna ze standardem IAB Polska
Data aktualizacji
10.04.2015
Liczba stron:
22
Typ opracowania:
Specyfikacja techniczna
Rodzaj dokumentu:
Dokument jawny
Specyfikacja techniczna form internetowych
2 / 23
SPIS TREŚCI
WPROWADZENIE........................................................................................................................................... 4
OGÓLNE ZAŁOŻENIA DOTYCZĄCE, PRZYGOTOWANIA REKLAMY .............................................. 4
MATERIAŁY KIEROWANE DO MEDIÓW REGIONALNYCH .............................................................. 5
NAZEWNICTWO PLIKÓW REKLAMOWYCH ...................................................................................... 5
KREACJE - clickTag ........................................................................................................................................ 6
FORMY REKLAM – ROZMIARY I WAGI ........................................................................................................ 8
FORMY LAYEROWE .................................................................................................................................... 10
BRANDMARK ..................................................................................................................................... 11
BANDEROLA ...................................................................................................................................... 12
DRAWBRIDGE ................................................................................................................................... 12
FOOT SCROLLER.............................................................................................................................. 12
ROLLBAND......................................................................................................................................... 13
INTERSTITIAL .................................................................................................................................... 13
SCROLL BILLBOARD, SCROLL DOUBLE BILLBOARD… ............................................................... 13
STICKY SCROLL................................................................................................................................ 13
TOPLAYER ......................................................................................................................................... 13
FORMY EXPANDOWANE ............................................................................................................................ 14
EXPANDY KLASYCZNE .................................................................................................................... 14
EXPAND CORNER............................................................................................................................. 15
PUSH EXPAND TRIPLE BILLBOARD ............................................................................................... 15
PUSH EXPAND TRIPLE BILLBOARD PLUS ..................................................................................... 16
SIDEKICK ........................................................................................................................................... 18
INNE FORMY REKLAMY .............................................................................................................................. 19
E-INSERT ........................................................................................................................................... 19
SCREENING....................................................................................................................................... 19
WATERMARK..................................................................................................................................... 19
OVERLAY ........................................................................................................................................... 20
SLIDENOTE........................................................................................................................................ 20
SONDA BOX....................................................................................................................................... 20
VIDEO AD i STREAMING................................................................................................................... 20
EXPAND VIDEOSTITIAL .................................................................................................................... 21
AUDIO................................................................................................................................................. 21
MOBILE .............................................................................................................................................. 21
LINK REKLAMOWY............................................................................................................................ 21
VIDERKONTEXT ................................................................................................................................ 22
CAPTCHA ........................................................................................................................................... 22
GÓLNE WYMAGANIA FORM REKLAMOWYCH.......................................................................................... 23
INFORMACJE WAŻNE I PRZYDATNE! .............................................................................................. 23
3 / 23
WPROWADZENIE
OGÓLNE ZAŁOŻENIA DOTYCZĄCE, PRZYGOTOWANIA REKLAMY
1. Wymagane jest przesłanie kompletu materiałów, nie później niż 3 dni robocze przed datą
planowanej emisji. W innym przypadku może nie być możliwe sprawdzenie oraz
emitowanie reklamy w wyznaczonym terminie.
2. Dla form w technologii streaming okres ten wynosi 5 dni.
3. Wraz z kreacjami należy przesłać URL docelowy, do miejsca gdzie ma kierować kreacja
po kliknięciu w nią.
4. Do emisji przyjmowane są kreacji typu SWF, JPG, GIF, PNG, o wymiarach i wadze nie
przekraczających założeń podanych w dalszej części dokumentu.
5. Kreacje SWF powinny być przygotowane w wersji nie wyższej niż 10 (zalecana wersja
8.0). Wymagane jest zastosowanie Action Script 2.0 lub 3.0.
6. Do każdej kreacji flash niezbędne jest przesłanie kreacji zastępczej w formacie jpg
(zaślepki) o wymiarach kreacji bazowej.
7. Limit FPS (frame per second) we wszystkich kreacjach to 25 fps.
8. Użycie streamingu dozwolone jest wyłącznie w przypadku reklam wideo, które powinny
posiadać dobrze widoczne przyciski akcji jak: play, stop, mute. Forma ta może być
uruchamiana automatycznie, ale z wyciszonym dźwiękiem.
9. Przy emisji reklamy SWF należy podać kolor tła w formacie szesnastkowym, lub
zastosować dany kolor w reklamie na najniższej warstwie (jako obiekt). W innym
przypadku brak będzie sugerował, że jest to tło transparentne.
10. Jeżeli w kreacji wymagane jest użycie więcej niż jednego URL-a (multiclickTag), należy
umieścić odpowiednie zaszycie: _root.clickTag1 dla pierwszego url-a, _root.clickTag2
dla drugiego url-a, itd.
11. Niedozwolone jest tworzenie kreacji zaciągających
odwołujących się do zewnętrznych plików.
dodatkowe
elementy
lub
12. Niedozwolone jest używanie skryptów śledzących interakcję użytkownika.
13. Kreacje niekompletne lub wywołujące błędy na stronie, nie będą przyjmowane.
14. Zabronione jest stosowanie skryptów zmieniające okno przeglądarki, jej wymiar oraz
położenie.
15. Kreacje nie powinny być zabezpieczone przed debugowaniem.
16. Formy reklamowe tekstowe, np. link sponsorowany, mają zawsze zastosowany atrybut
rel="nofollow" dla znacznika <a>.
17. Każdy błąd przesuwa start rozpoczęcia emisji kampanii.
18. W celu stworzenia reklamy na wzór z pliku FLA, zalecane jest zapisanie go do najniższej
możliwej wersji np. do CS4 oraz przesłanie wszystkich niestandardowych czcionkami
wykorzystanymi w tej kreacji.
19. Polska Press Grupa Sp. z o.o. zastrzega sobie prawo do weryfikacji przesłanych kreacji
pod kątem zgodności ze specyfikacją oraz nie przyjęcia bądź przerwania emisji w
przypadku jej braku.
20. Polska Press Grupa Sp. z o.o zastrzega sobie możliwość odmowy przyjęcia do emisji
kreacji lub jej przerwania w przypadku uznania reklamy za zbyt dokuczliwą dla
użytkowników, łamiącą prawo, propagującą treści pornograficzne lub dobre obyczaje.
4 / 23
21. Polska Press Grupa Sp. z o.o nie ponosi odpowiedzialności za nieprawidłową emisję
reklam na przeglądarkach niestandardowych, lub niestandardowych (niedomyślnych)
ustawieniach przeglądarek lub systemu operacyjnego
22. Każda z kreacji nie może obciążyć procesora wzorcowego, ustalonego przez SMP na P
IV 2,6GHz, w więcej niż 30%. W momencie przekroczenia tej wartości SMP Media
Regionalne mogą nie dopuścić do emisji takiej kreacji.
Niektóre elementy, które mogą wpływać na nadmierne obciążenie to:
a. Duża ilość akcji onClipEvent(enterFrame) wykonywanych jednocześnie.
b. Animacja skomplikowanych kształtów wektorowych - polecamy zmniejszenie
ilości punktów edycji krzywych. Kształty wektorowe o znacznej ilości punktów
węzłów - polecamy taki obiekt wyeksportować jako plik (jpg,png) i zaimportować
ponownie.
c. Animacja obiektów składających się z dużej ilości gradientów.
d. Animacja wielu obiektów jednocześnie.
e. Nadmierne używanie przejść z przezroczystości (alfa) na bitmapach - zalecamy
stosowanie efektu tint.
MATERIAŁY
MATERIAŁY KIEROWANE DO MEDIÓW REGIONALNYCH
Wszystkie materiały muszą być dostarczone jednorazowo, na cały okres trwania kampanii.
Jako komplet materiałów rozumie się:
•
•
•
Komplet kreacji spełniających warunki specyfikacji lub kody serwujące kreacje,
Komplet aktywnych URL-i,
Zlecenie emisji,
NAZEWNICTWO PLIKÓW REKLAMOWYCH
Materiały powinny być nazwane według następującego schematu.
przykład: dom_a_nto_billboard_750x100_transparent_v1
dom_b_lubuska_expand_rectangle_300x250x600_as2_v2
dom - nazwa własna
a,b
- rozróżnienie dla więcej ilość form (jeśli występują)
nto
- witryna na której będzie emitowana dana forma
billboard
- forma reklamy
expand
- forma rozwijana
300x250x600 - podstawa 300x250 rozwijany 600x250
transparent - przeźroczyste tło (jeśli występują)
v1, v2
- wersja reklamy
5 / 23
KREACJE - clickTag
NIEANIMOWANE
Formy tego typu powinny spełniać wszelkie wymogi dotyczące rozmiarów i wag
podanych w tabeli.
ANIMOWANE
Przygotowanie kreacji typu .SWF z zaszytymi zmiennymi i różnicami, które się pod
nimi kryją.
Uwaga: Jedna z poniższych zmiennych powinna się znajdować w każdej reklamie.
Niezastosowanie kodu spowoduje brak przekierowania oraz brak statystyk kliknięć.
a) clickTaga
o umożliwia zliczanie statystyk,
o zmianę adresu www nie ingerując w reklamę,
o adres URL do akcji _root.clickTag,"_blank" należy przesłać razem z
materiałami reklamowymi,
b) zaszycie URL na stałe, (tzw. zaszycie na sztywno)
o link do strony umieszczony w kreacji
o brak statystyk kliknięć,
o zmiana adresu www poprzez ingerencję grafika,
c) multiclickTaga
o umożliwia podpięcie więcej niż jednego przekierowania,
o w tym przypadku należy dodać cyfry: root.clickTag1 dla pierwszego url-a,
_root.clickTag2 dla drugiego url-a, itd
Action Script 2.0
1. Na najwyższej warstwie listwy czasowej, rysujemy obiekt, następnie przekształcamy
go w symbol „button” i nadajemy efekt przeźroczystości.
2. Wybierając symbol na stole roboczym uruchamiamy ustawiamy parametr operacji
(operacja przycisk) na zmienną:
3. Zmienna clickTag
on (release)
{
getURL(_root.clickTag,"_blank");
}
4. Zaszycie na sztywno
on (release)
{
getURL("http://mediaregionalne.pl", "_blank");
}
6 / 23
5. Zmienna multiclickTag
on (release)
{
getURL(_root.clickTag1,"_blank");
}
Action Script 3.0
var clickTag:String=LoaderInfo(this.root.loaderInfo).parameters.clickTag;
target_button.addEventListener(MouseEvent.CLICK, targetUrlHandler);
function targetUrlHandler(e:MouseEvent):void{
if(clickTag){ var req:URLRequest = new URLRequest(clickTag);
if(!ExternalInterface.available){ navigateToURL(req, "_blank");
}else{
var strUserAgent:String = String(ExternalInterface.call("function(){return
navigator.userAgent;}")).toLowerCase();
if(strUserAgent.indexOf("firefox") != -1 ||
(strUserAgent.indexOf("msie") != -1 &&
uint(strUserAgent.substr(strUserAgent.indexOf("msie")+5,3))>=7)){
ExternalInterface.call("window.open", req.url, "_blank");
}else{
navigateToURL(req, "_blank");
}}}}
Uwaga: Wielkość liter w zmiennej ma znaczenie clickTag.
7 / 23
FORMY REKLAM – ROZMIARY I WAGI
NAZWA
FORMAT
WYMIAR piksele
belka30
swf, jpg, gif, png
980x30, 780x30
do 60 kB
belka60
swf, jpg, gif, png
670x60
do 60 kB
belka90
swf, jpg, gif, png
670x90
do 60 kB
belka100
swf, jpg, gif, png
670x100
do 60 kB
belka30 regio
swf, jpg, gif, png
360x30
do 60 kB
belak30 gratka
swf, jpg, gif, png
540x30px
do 60 kB
belka regio1
swf, jpg, gif, png
670x30
do 60 kB
belka regio2
swf, jpg, gif, png
120x30
do 60 kB
belka regio3
swf, jpg, gif, png
530x30
do 60 kB
billboard
swf, jpg, gif, png
750x100
do 60 kB
box 146x90
swf, jpg, gif, png
300x45
do 60 kB
box 300x125
swf, jpg, gif, png
300x125
do 60 kB
box mapa
swf, jpg, gif, png
234x60
do 60 kB
big box
jpg, gif, png
630x300px
do 60 kB
jpg, gif, png
884x100
do 60 kB
box 670x360 (statyczny)
jpg, gif, png
670x360
do 60 kB
box 750x360 (statyczny)
jpg, gif, png
750x360
do 60 kB
doublebillboard
swf, jpg, gif, png
750x200
do 60 kB
fake ad mapa
swf, jpg, gif, png
343x160px
do 60 kB
halfpage
swf, jpg, gif, png
300x600
do 60 kB
low cost (statyczny)
jpg, gif, png
140x110,
140x170
do 60 kB
rectangle
swf, jpg, gif, png
300x250
do 60 kB
triple billboard
swf, jpg, gif, png
750x300
do 60 kB
wideboard
swf, jpg, gif, png
980x200, 980x90
do 60 kB
winieta
jpg, gif, png
2000x460px
do 60 kB
leaderborder (statyczny)
1
1
WAGA
OPIS
Str. 5-6
Dostępna tylko na serwisie wspomnijbliskich.pl
8 / 23
FORMY LAYEROWE
NAZWA
FORMAT
brandmark
swf
drawbridge
swf
foot scroller
swf, jpg, gif, png
WYMIAR piksele
WAGA
300x300
120x600
120x600
750x300
970x30
do 60 kB
1600x30
do 60 kB
1600x100
do 60 kB
do 60 kB
do 60 kB
OPIS
str.10
do 60 kB
str.11
scroll baner
swf, jpg, gif, png
1300x30
750x200
960x200
+ 2x 10x200
800x468,
800x600
468x60
scroll billboard
swf, jpg, gif, png
750x100
do 60 kB
str.12
scroll doublebillboard
swf, jpg, gif, png
750x200
do 60 kB
str.12
sticky scroll
swf, jpg, gif, png
140x140
do 60 kB
str.12
toplayer
swf, jpg, gif, png
dowolny
do 60 kB
str.12
swf, jpg, gif, png
rolland (Banderola)
swf, jpg, gif, png
interstitial
do 60 kB
str.12
do 60 kB
str.12
do 60 kB
str.12
INNE FORMY
NAZWA
captcha
e-insert
screening (statyczny)
watermark (statyczny)
preroll, postroll
(In stream VideoAd)
link reklamowy
overlay
pasek pomiędzy
ogłoszeniami (statyczny)
slidenote (statyczny)
sonda box
winieta sponsorska
(statyczny)
winieta wyszukiwarki
(statyczny)
FORMAT
jpg
swf
swf, jpg, gif, png
swf, jpg, gif, png
WYMIAR piksele
300x150
900x850 pikseli
----tapeta / watermark
flv
4:3
----swf, jpg, gif, png
jpg, gif, png
40 znaków
500x60
do 60 kB
800x60
do 60 kB
jpg, gif, png
350x140 pikseli
170x36
do 50 kB
do 50 kB
png, gif, jpg
377x102
do 30 kB
png, gif, jpg
2000x460
do 250 kB
swf, jpg, gif, png
WAGA
do 20 kB
----do 60 kB
do 10 kB
OPIS
str.21
str.18
500kB dla 15s
1MB dla 30s
-----
str.20
str.19
str.19
str.19
9 / 23
FORMY EXPANDOWANE
NAZWA
belka expand dom.gratka.pl
swf
WYMIAR piksele
980x30>300
780x30>300
640x35>200
expand billboard
swf
750x100>300
do 60 kB
expand doublebillboard
swf
750x200>300
do 60 kB
expand triple billboard
swf
750x300>600
do 60 kB
expand rectangle
swf
300>600x250
do 60 kB
expand rectangle
swf
300>600x250>500
do 60 kB
expand halfpage
swf
300>600x600
do 60 kB
expand corner
swf
120>520x120>520
do 60 kB
expand videostital
swf
600>800x400>600
do 60 kB
push billboard
swf
750x100>300
do 60 kB
str.14
push double billboard
swf
750x200>300
do 60 kB
str.20
push triple billboard
swf
750x300>600
do 60 kB
str.14
push triple billboard plus
swf
do 60 kB
str.14
sidekick
swf
750x300>600
300x250
300x600
do 60 kB
str.14
expand belka30
2
FORMAT
swf
WAGA
do 60 kB
OPIS
do 60 kB
str.13
FORMY MOBILNE
NAZWA
FORMAT
mobile - standard
jpg, gif, png
mobile - double
2
jpg, gif, png
WYMIAR piksele
320x50, 320x80,
480x80, 640x100,
720x120, 1080x180
320x100, 480x160,
640x200, 720x240,
1080x360
WAGA
OPIS
do 20 kB
str.20
do 20 kB
Dla serwisu www.expressilustrowany.pl wymiar belki to 780x30
10 / 23
FORMY LAYEROWE
BRANDMARK
Reklama otwiera się nad aktywnym oknem przeglądarki. W górnej części znajduje się
belka, która umożliwiająca przesuwanie reklamy w obrębie okna przeglądarki. Na której
znajdują się przycisk „zamknij X”, minimalizujący oraz maksymalizujący, zamieszczone w
prawym górnym rogu.
a) Krzyżyk zamykający powinien mieć dowiązaną funkcję onCrossClick, a jego ramiona „X”
nie powinny być mniejsze niż 14px.
b) Funkcja minimalizuj odpowiada za zwinięcie reklamy do postaci belki, wykonywana jest za
pomocą zmiennej minimize. Przez co obszar pod belką staje się przeźroczysty. Zakres
formy podstawowej nie może pozostać klikalny, ponieważ będzie uniemożliwiał
użytkownikowi naciśnięcie linku na serwisie.
c) Funkcja powrotu do rozmiaru standardowego, odbywa się poprzez umieszczenie zmiennej
maximize.
Action Script 2.0
Krzyżyk zamykania (onCrossClick)
on (release){
if(flash.external.ExternalInterface.available){
flash.external.ExternalInterface.call(_root.onCrossClick);
}else{
getURL("javascript:"+_root.onCrossClick+"();","_self");
}}
Przycisk minimalizuj (minimize)
on (release){
flash.external.ExternalInterface.call(_root.minimize);
}else{
getURL("javascript:"+_root.minimize+"();","_self");
}}
Przycisk (maximize)
on (release){
flash.external.ExternalInterface.call(_root.maximize);
}else{
getURL("javascript:"+_root.maximize+"();","_self");
}}
11 / 23
Action Script 3.0
var onCrossClick:String=LoaderInfo(this.root.loaderInfo).parameters.onCrossClick;
var minimize:String=LoaderInfo(this.root.loaderInfo).parameters.minimize;
var maximize:String=LoaderInfo(this.root.loaderInfo).parameters.maximize;
closeButton.addEventListener(MouseEvent.CLICK,closeAds);
function closeAds(e:MouseEvent):void{
if(onCrossClick){
ExternalInterface.call(onCrossClick);
}}
minButton.addEventListener(MouseEvent.CLICK,minimizeAds);
function minimizeAds(e:MouseEvent):void{
if(minimize){
ExternalInterface.call(minimize);
}}
maxButton.addEventListener(MouseEvent.CLICK,maximizeAds);
function maximizeAds(e:MouseEvent):void{
if(maximize){
ExternalInterface.call(maximize);
}}
BANDEROLA
Reklama wyświetlana na warstwie jako połączenie kreacji banerowej z niewielkim,
personalizowanym elementem pozostającym na serwisie jako „przypominajka”. Uruchamia
się jako rozwinięta forma i podąża za użytkownikiem podobnie do scrollera.
Dodatkowo wymagane są dwa paski ( “zwiń” oraz “rozwiń” ) o wymiarach 30 x 200
pikseli, waga: 10kb
DRAWBRIDGE
Reklama składa się z trzech form reklamowych, dwóch skyscraper’ów oraz toplayera.
Skyscrapery są formami scorllowanymi wyświetlonymi w obu górnych rogach przeglądarki.
Po najechaniu użytkownika na daną formę zostaje wywołana funkcja expand poprzez
parametry doexpand, funkcja dolittle nie zostaje wykorzystywana. Następnie zostaje
wyświetlony tolayer z zamieszczoną zmienną onCrossClick analogicznie jak w formie
Toplayer.
FOOT SCROLLER
Foot scroller jest reklamą w formie paska znajdującego się w dolnej części ekranu
o wymiarach 1600x30,1600x100 lub 1300x30. Kreacja ta przypomina popularne w telewizji
paski o charakterze informacyjnym (najlepiej krótkie hasła reklamowe). Czas trwania
przekazu wynosi 30 sekund i jest on z góry określony przez kody emisyjne.
Reklama 1600x100 jest identyczna jak 1600x30, lecz wzbogacona o element statyczny lub
animowany zamieszczony z lewej strony reklamy w polu o wymiarach 100x100 pikseli.
Reszta animacji nie może przekraczać wysokości 30px. Reklama nie dopasowuje się do
danej rozdzielczości monitora, jest wyświetlana od lewej krawędzi przeglądarki. Prawa
strona zostanie „przycięta”. Obszar nad paskiem powinien posiadać tło transparentne.
Formaty 1600x30 i 1300x30 mogą być poruszane bezpośrednio podczas emisji za pomocą
kodu serwującego, w zależności od kierunku (lewo, prawo). Wystarczy przygotować kreację
statyczną (JPG, GIF, PNG) oraz wskazać kierunek w zleceniu emisji.
12 / 23
ROLLBAND
Forma reklamowa wyświetlana na półprzeźroczystym tle przechodzącym przez
środek przeglądarki. Posiada funkcję scrollowania, wzdłuż serwisu. Zminimalizowanie do
prawej strony jest wywoływane automatycznie po ustalonym czasie lub ingerencji
użytkownika. Naciskając na krzyżyk lub pasek zwijający, który zostaje zamieszczony
poprzez kody emisyjne.
INTERSTITIAL
Interstitial jest formą pełnoekranową niezajmującą całej powierzchni ekranu, lecz całą
przestrzeń wewnątrz okna przeglądarki. Forma ta nie jest skalowana, zostaje ona
wyświetlona na środku przeglądarki z otaczającym ją jednolitym kolorem zasłaniającym cały
serwis. Istnieje możliwość ustawienia stopnia przeźroczystości 0-100% tego koloru, który
należy podać w kodzie szesnastkowym np. #000000. Czas trwania animacji nie przekracza
10 sekund i jest on z góry określony przez kody emisji. Podczas której zostanie dodatkowo
podpięty przycisk „zamknij X”, będzie on się znajdował nad reklamą przy prawej górnej
krawędzi.
SCROLL BILLBOARD, SCROLL DOUBLE BILLBOARD…
Posiada funkcję scrollowania, wzdłuż serwisu. Jest stale widoczna dla użytkownika.,
zawiera przycisk zamknięcia ”zamknij X”, który po kliknięciu powoduje „odesłanie” kreacji do
podstawowego miejsca reklamowego. Przycisk zamykający jak i efekt scroll jest wywoływany
za pomocą kody emisyjnych.
STICKY SCROLL
Forma jest wyświetlana po każdorazowym przewinięciu serwisu przez użytkownika.
Znajduje się w obszarze suwaka przeglądark, na „marginesie”. Automatycznie zostaje
zamknięta po upływie 3 sekund, czas jest określony w kodach emisyjnych.
TOPLAYER
Reklama otwiera się nad aktywnym oknem przeglądarki, zdefiniowana na
przezroczystej warstwie. W prawym górnym rogu znajduje się dobrze widoczny przycisk
zamykający „zamknij X”. Reklama wyłącza się po pływie wyznaczonego czasu
nieprzekraczającego 20sek, czas jest ustawiany poprzez kody emisyjne.
Krzyżyk zamykający powinien mieć dowiązaną funkcję onCrossClick, a jego ramiona nie
powinny być mniejsze niż 14px.
Action Script 2.0
on (release){
flash.external.ExternalInterface.call(_root.onCrossClick);
}else{
getURL("javascript:"+_root.onCrossClick+"();","_self");
}}
Action Script 3.0
var onCrossClick:String=LoaderInfo(this.root.loaderInfo).parameters.onCrossClick;
closeButton.addEventListener(MouseEvent.CLICK,closeAds);
function closeAds(e:MouseEvent):void{
if(onCrossClick){
ExternalInterface.call(onCrossClick);
}}
13 / 23
FORMY EXPANDOWANE
Efekt rozwinięcia kreacji regulują parametry liczbowe w funkcji doexpand (rozwiń)
oraz dolittle (zwiń) w kodzie emisyjnym. Forma ta powinna posiadać obszary aktywne, przez
cały czas trwania emisji. Po najechaniu na reklamę powinna się ona rozwijać, natomiast po
zjechaniu zwinąć do stanu pierwotnego. Od momentu zwinięcia, do rozwinięcia nie powinien
on przekraczać 5 sekund.
EXPANDY KLASYCZNE
expand belka, expand belka 30, expand belka sponsorska, expand banner, expand
billboard, expand doublebillboard, expand triplebillboard, expand rectangle, expand
halfpage, expand skyscraper,
Action Script 2.0
on (rollOver){
flash.external.ExternalInterface.call(_root.doexpand);
}else{
getURL("javascript:"+_root.doexpand+"();","_self");
}}
on (rollOut){
flash.external.ExternalInterface.call(_root.dolittle);
}else{
getURL("javascript:"+_root.dolittle+"();","_self");
}}
Action Script 3.0
var doexpand:String=LoaderInfo(this.root.loaderInfo).parameters.doexpand;
var dolittle:String=LoaderInfo(this.root.loaderInfo).parameters.dolittle;
target_button.addEventListener(MouseEvent.ROLL_OVER, mouseRollOver);
target_button.addEventListener(MouseEvent.ROLL_OUT, mouseRollOut);
function mouseRollOver(e:MouseEvent):void{
if(doexpand){
ExternalInterface.call(doexpand);
}}
function mouseRollOut(e:MouseEvent):void{
if(dolittle){
ExternalInterface.call(dolittle);
}}
14 / 23
EXPAND CORNER
Reklama zamieszczona w górnym prawym rogu przeglądarki, rozwijana po przekątnej
ku jej środkowi. W formie zwiniętej wygląda jak zagięta kartka zeszytu, przez którą widać
następną stronę. Efekt zagięcia nie jest dodawany poprzez kody emisyjne.
Efekt rozwinięcia kreacji analogicznie jak przy formach Expand, poprzez parametry
liczbowe doexpand (rozwiń) oraz dolittle (zwiń), uruchamiane poprzez kody emisyjne.
Forma ta powinna posiadać obszary aktywne, przez cały czas trwania emisji. Po najechaniu
na reklamę powinna ona się rozwijać, natomiast po zjechaniu z obszaru reklamy, warstwa
powinna się zwinąć do stanu pierwotnego. Od momentu rozwinięcia do zwinięcia, nie
powinien on przekraczać 5 sekund.
Kreacja zawiera w prawym rogu dobrze widoczny przycisk zamykający „X” widoczny
przez cały czas trwania emisji. Krzyżyk zamykający powinien mieć dowiązaną funkcję
onCrossClick, analogiczne forma Toplayer, a jego ramiona nie powinny być mniejsze
niż 14px.
PUSH EXPAND TRIPLE BILLBOARD
Efekt rozwinięcia kreacji regulują parametry liczbowe w funkcji dopushlock,
dopushon oraz dopushunlock, dopushoff w kodzie emisyjnym. Forma ta powinna
posiadać obszary aktywne, przez cały czas trwania emisji. Po najechaniu na reklamę
powinna się ona rozwijać z jednoczesnym rozpychaniem serwisu w dół. Natomiast po
zjechaniu z obszaru reklamy, warstwa powinna się zwinąć do stanu pierwotnego, ściągając
serwis w górę. Od momentu zwinięcia, do rozwinięcia nie powinien on przekraczać 5 sekund.
Action Script 2.0
on (rollOver){
flash.external.ExternalInterface.call(_root.dopushlock);
}else{
getURL("javascript:"+_root.dopushlock+"();", "_self");
}}
on (rollOut){
flash.external.ExternalInterface.call(_root.dopushunlock);
}else{
getURL("javascript:"+_root.dopushunlock+"();", "_self");
}}
Action Script 3.0
var dopushon:String=LoaderInfo(this.root.loaderInfo).parameters.dopushon;
if(dopushon){
ExternalInterface.call(dopushon);
}}
var dopushunlock:String=LoaderInfo(this.root.loaderInfo).parameters.dopushunlock;
if(dopushunlock){
ExternalInterface.call(dopushunlock);
}
15 / 23
var dopushoff:String=LoaderInfo(this.root.loaderInfo).parameters.dopushoff;
if(dopushoff){
ExternalInterface.call(dopushoff);
}}
var dopushlock:String=LoaderInfo(this.root.loaderInfo).parameters.dopushlock;
if(dopushlock){
ExternalInterface.call(dopushlock);
}
PUSH EXPAND TRIPLE BILLBOARD PLUS
Efekt rozwinięcia kreacji regulują parametry liczbowe w kodzie emisyjnym. Forma ta
powinna posiadać obszary aktywne, przez cały czas trwania emisji. Po pełnym wczytaniu
zostaje automatyczne wywołana funkcja dopushlock powodująca rozwijanie reklamy oraz
rozpychanie serwisu w dół. Po upływie 5 sekund następuje wywołanie funkcji dopushunlock
powodując jego ściąganie oraz powrót reklamy do postaci zwiniętej. Kolejne rozwinięcia
występują już po samej ingerencji użytkownika.
Action Script 2.0
}else{
}
Action Script 3.0
var dopushlock:String=LoaderInfo(this.root.loaderInfo).parameters.dopushlock;
if(dopushlock){
ExternalInterface.call(dopushlock);
}
Po 5 sekundach powinna zostać wywołana funkcja doushunlock.
Action Script 2.0
}else{
}
16 / 23
Action Script 3.0
var dopushunlock:String=LoaderInfo(this.root.loaderInfo).parameters.dopushunlock;
if(dopushunlock){
ExternalInterface.call(dopushunlock);
}
Rozwinięcie po akcji użytkownika poprzez najechanie kursorem na reklamę.
Action Script 2.0
on (rollOver){
}else{
}}
on (rollOut){
}else{
}}
Action Script 3.0
var dopushon:String=LoaderInfo(this.root.loaderInfo).parameters.dopushon;
if(dopushon){
ExternalInterface.call(dopushon);
}}
var dopushoff:String=LoaderInfo(this.root.loaderInfo).parameters.dopushoff;
if(dopushoff){
ExternalInterface.call(dopushoff);
}}
17 / 23
SIDEKICK
Reklama składa się z dwóch form .swf, rectangle i halfpage. Najpierw zostaje
wyświetlona forma rectangle. Po najechaniu użytkownika na przycisk „otwórz”
zostaje wywołana funkcja doexpand, analogicznie jak w formach Expand. Funkcja dolittle
nie zostaje wykorzystywana. Dla AS3.0 należy zamienić nazwę obszaru aktywnego z
„target_button” na „open_button” gdyż clickTag i przycisk otwórz nie mogą się nazywać tak
samo, przykład poniżej. Po aktywacji serwis zostaje przesunięty w lewo na szerokość
reklamy, a w wolne miejsce zostaje wczytany halfpage, zawierając zmienna onCrossClick
analogicznie jak w formie Toplayer zamieszczony pod przyciskiem „zamknij”. Formy nie
łączą się ze sobą graficznie, lecz występują w pewnej odległości od siebie.
Action Script 3.0
var doexpand:String=LoaderInfo(this.root.loaderInfo).parameters.doexpand;
open_button.addEventListener(MouseEvent.ROLL_OVER, mouseRollOver);
if(doexpand){
ExternalInterface.call(doexpand);
}}
18 / 23
INNE FORMY REKLAMY
E-INSERT
Jest to gazetka reklamowa w wersji elektronicznej (książeczki). Składa się z pliku
głównego i plików pobocznych w formacie .SWF (duże strony). Plik główny zawiera małe
strony poglądowe, oraz otaczające je grafika wraz z przyciskami nawigacji. By obniżyć wagę
gazetki duże pliki zaciągane są z osobnego folderu (pages), każda duża strona powinna być
zamieszczona w osobnym pliku .swf i nie przekraczać dopuszczalnej wagi 200kb. Należy
pamiętać, że im więcej stron tym waga głównego pliku rośnie, co może powodować długie
wczytywanie się gazety. Do e-insertu należy przygotować obrazek, który będzie zapowiedzą,
przeważnie jest to mała strona główna o wymiarach 200x280px
Można przygotować e-insert w formacie PDF.
Uwaga:
1. Kreacje należy przygotować za pomocą Adobe Flash 9.0 lub w niższej wersji.
2. Wymagany jest zastosowanie Action Script 2.0.
3. Powiadomienie wyskakujące w przypadku braku lub starej wersji wtyczki Flash Palyer, z
możliwością jego ściągnięcia.
4. Małą wagę umożliwiającą szybkie wczytywanie.
5. Możliwość powiększenia, przekładania stron, jeśli jest to wymagane.
6. Strony duże w e-insercie powinny znajdować się w osobnym pliku i być zaciągane do
kreacji osobno. Co umożliwi stopniowe wczytywanie wybranych stron i zmniejszy wagę
pliku głównego (.SWF).
SCREENING
1. Forma jest wyświetlana jako tło serwisu i jest najczęściej łączona z billboardem/
doublebillboardem/ triple billboardem oraz odpowiednikami w formie expandowanej
lub push.
2. Screening jest wczytywany od górnej krawędzi przeglądarki
3. Przygotowywany, jako jeden plik graficzny i jest wyśrodkowany względem serwisu
4. Rozmiary, odstępy przedstawia poniższe rysunki.
http://pliki.serwisyregionalne.pl/ckie/dokumenty/screening_750x200_szablon.png
http://pliki.serwisyregionalne.pl/ckie/dokumenty/screening_980-750x300_szablon.png
5. Forma jest ograniczona limitem wagowym
Zaleca się zmianę kolor tła, dopasowując go do screeningu. Kod koloru należy podać w
formie szesnastkowej np. #000000 – kolor czarny.
WATERMARK
1. Forma statyczna, może zawierać logo, znaki graficzne itp.
2. Jeden plik zostaje powielony na całą szerokość i wysokość serwisu.
3. Reklama powinna być pokryta wzorem o obniżonej widoczności, jasnych kolorach, a
powtarzający się motyw nie może utrudniać czytelności serwisu (znak wodny). Dział
emisji każdorazowo sprawdza wygląd zamieszczanego watermarka i mogą odmówić
przyjęcia zamówienia na ten rodzaj reklamy bez podania przyczyny.
19 / 23
OVERLAY
Reklama graficzna lub tekstowa wyświetlana nad treścią w dolnej części playera
video. Posiada przycisk umożliwiający zamknięcie kreacji.
SLIDENOTE
Forma reklamy tekstowej lub graficznej występująca na stronach artykułowych. W
trakcie przewijania serwisu w dół, następuje wysunięcie z prawego dolnego rogu. Kod
serwujący podpięty podczas emisji zawiera opcję zamykania.
SONDA BOX
Obie te formy są reklamami statycznymi wkomponowanymi w layout strony. Dział
emisji musi każdorazowo zaakceptować wygląd zamieszczanej reklamy, mogą również
odmówić przyjęcia zamówienia na ten rodzaj reklamy bez podania przyczyny.
VIDEO AD i STREAMING
Forma reklamy jest wykorzystywana najczęściej w kreacjach typu banner, billboard,
doublebillboard, triple doublebillboard, rectangle i brandmark. Wymagane jest, aby zawierała
dobrze widoczne przyciski play, stop oraz przycisk umożliwiający włączenie/wyłączenie
głosu, jeśli owy występuje. Dźwięk uruchamiany po akcji użytkownika, kreacja uruchamiana
automatycznie z wyciszonym dźwiękiem.
Uwaga. Przycisk clickTag nie może nachodzić (zasłaniać) wyżej wymienione przyciski akcji.
Plik video nie powinien przekraczać wagi 500kb, oraz czasu trwania nie powinien być
dłuższy niż 20 sekund. Typem pliku dla video jest FLV. Wymagane jest, aby pliki posiadały
tą samą nazwę różniącą się tylko typem rozszerzenia.
Aby umożliwić zaciąganie pliku poprzez streaming należy podpiąć w kodzie kreacji zmienną
„flvUrlName” Dzięki niej podczas emisji reklamy będzie możliwe podpięcie, pliku FLV do
reklamy SWF.
Przykładowa nazwa pliku:
dom_pomorska_doublebillboard _750x200_video_v1.swf
dom_pomorska_doublebillboard _750x200_video_v1.flv
STREAMING:
Wykorzystywany jest w przypadku form reklamowych zawierające fragmenty video.
Streaming nie powinien przekraczać 512/ kbps, wartość zalecana to 256/ kbps.
Video Ad:
Prosimy o dostarczenie pliku swf spełniającego wymagania techniczne formatu bazowego z
zaimplementowanym bezwzględnym odwołaniem do pliku streamingowego flv ( leżącego na
serwerze klienta ) zawierającym przyciski sterujące (play, stop, wycisz).
Możliwa jest również emisja wg poniższej metody: dostarczenie pliku swf ( wraz z plikiem fla
) oraz pliku wideo w formacie flv. Plik swf powinna spełniać wymagania techniczne,
określone w specyfikacji dla formatu bazowego oraz odwoływać się względnie do pliku
streamingowego flv i zawierać przyciski sterujące (play, stop, wycisz).
Maksymalny rozmiar i czas trwania filmu: 1MB / 30 sek. Maksymalny bitrate: 512kbps.
Dźwięk w filmie włączany jedynie po akcji użytkownika.
Zalecenie:
20 / 23
Przed przystąpieniem do tworzenia kreacji zalecany jest kontakt z biurem reklamy
EXPAND VIDEOSTITIAL
Reklama występuje z górną forma reklamową. Składa się z kreacji video w małej formie pozycjonowanej do prawego dolnego rogu przeglądarki po, najechaniu której wywołana
zostaje druga, większa forma layerowa przykrywająca treść strony WWW
Wymagane materiały:
Forma przed expandem: do dyspozycji pole o powierzchni 600x400px z czego 400x300px
przeznaczone na film video. Pozostałe pole możliwe do brandingu. Prosimy o przesłanie
kreacji tła z pozostawioną przeźroczystą przestrzenią na film ( film umiejscowiony centralnie
) oraz film w formacie flv. Waga filmu: 500kB Waga tła: 50kB
Forma po expandzie: możliwa emisja do pełnoekranowej kreacji z czego obszar 800x600px
przeznaczony na film. Pozostałe pole możliwe do brandingu. Prosimy o przesłanie kreacji tła
z pozostawioną przeźroczystą przestrzenią na film ( film umiejscowiony centralnie ) oraz film
w formacie flv. Waga filmu: 1MB Waga tła: 100kB
AUDIO
Forma z zamieszczonym wewnątrz plikiem dźwiękowym w formacie mp3 lub wav.
Wymagane jest, aby zawierała dobrze widoczne przyciski włączy/wyłącz głos. Dźwięk musi
zostać uruchomiony dopiero po akcji użytkownika, kreacja uruchamiana automatycznie
z wyciszonym dźwiękiem. Waga takiego pliku nie może przekraczać dopuszczalnej normy.
Tabela wag znajduje się w dziale Formy Reklamy Internetowej.
MOBILE
Reklamę na urządzenia mobilne oraz telefony komórkowe należy przygotować
we wszystkich rozmiarach, jakie są w danym pakiecie: mobile-standard lub mobile-double.
Dana forma będzie wyświetlana na ekranie z rozdzielczością dla niej przeznaczoną. Formaty
plików do wyboru: JPG, PNG, GIF (formy statyczne), GIF (forma animowana). Waga jednego
pliku nie może przekraczać 20kb.
LINK REKLAMOWY
Płatne reklamy tekstowe wyeksponowane w taki sposób, aby nie pomylić ich z
niekomercyjnymi treściami serwisów. Linki reklamowe mogą kierować internautę
(użytkownika) do wewnątrz serwisu np. na stronę artykuły sponsorowanego, stronę Klienta
lub landing page.
Prosimy o przesłanie tekstu złożonego z maksymalnie 40 znaków wraz ze spacjami*
* Ilość znaków zależna od serwisu, zalecany kontakt z biurem reklamy
21 / 23
VIDERKONTEXT
LINK
LOGO
EXCULUSIVE
Tytuł (max)
25 znaków
Adres www (max)
35 znaków
Słowa kluczowe
(max)
PREMIUM
lista 15 -30 słów
Opis (max)
70 znaków
URL (max)
1024 znaki
Grafika
GIF/JPG/PNG
-----
72x60px
200x50px
240x120px
125x125px
728x90px
Grafika
GIF/JPG/PNG/SWF
-----
-----
-----
300x250px
Waga
-----
10kB
15kB
30kB
Kreacja SWF w musi mieć warstwę z przyciskiem (button), na którym zdefiniowana jest akcja:
on (release) { getURL(_root.click, „_blank”); }
Uwaga:
1. Do kreacji w swf wymagana jeszcze grafika 300x250 pikseli w JPG.
2. Przekaz reklamowy powinien być wyśrodkowany pomiędzy 5 a 85 pikselem wysokości kreacji.
Ograniczenie to jest wymuszone działaniem systemu, który automatycznie obcina po 5 pikseli u góry i
dołu kreacji umieszczając metkę z adresem www i logiem sieci WiderKontext.
CAPTCHA
Plik statyczny wyświetlany przy formularzu lub na forach w celu zabezpieczenia strony www i
danych wypełnionych przez użytkownika. Skłania do interakcji.
1. Wytyczne odnośnie hasła przepisywanego przez internautów:
- czytelny slogan bez znaków specjalnych (+; %; @; itp.), składający się maksymalnie
z 3 wyrazów (20 znaków) ujęty w cudzysłowie
- wyraźne odróżnienie sloganu od pozostałej treści przekazu (wielkość, bold, itp.)
2. Zalecenia względem zawartości obrazka:
- możliwie jak najmniejsza ilość dodatkowych napisów na kreacji
- w przypadku podlinkowanej kampanii – umieszczenie na kreacji graficznego przycisku Call
To Action (czytelny komunikat do odbiorcy, by kliknął w banner)
3. Link do strony docelowej po kliknięciu w obrazek:
- http://www._________________________
- każda kampania wymaga tylko jednego landing page. Ten sam URL jest podpięty do
każdego z trzech rozmiarów kreacji graficznych.
* Materiały wysyłamy na adresy: [email protected] i [email protected]
22 / 23
Polskapresse Sp. z o.o. zastrzega sobie prawo do zmiany powyższej specyfikacji w dowolnym
terminie.
GÓLNE WYMAGANIA FORM REKLAMOWYCH
1. Formy reklamowe powinny być wykonane według powyższej specyfikacji.
2. Nazwy przesłanych plików muszą być identyczne, różniące się jedynie rozszerzeniem.
3. Reklama video, czyli główny plik .swf powinien komunikować się plikiem zawierającym
streaming.
4. Pliki JPG/GIF/PNG nie są formą umożliwiającą emisję filmu wideo.
5. Rozmiar reklamy powinna zgadzać się z opisem w nazwie.
6. Formy niestandardowe występujące w kreacji należy przekonwertować na grafikę
wektorową.
7. Wszystkie reklamy muszą posiadać zaszytą zmienną „_root.clickTag” pozwalającą
podpiąć w kodach serwujących prawidłowy link.
8. Przyciski typu: play, stop, rewind, „zamknij X „ powinny być łatwo dostępne
niesprawiające trudności dla użytkownika.
9. Należy zwrócić szczególną uwagę na wielkość liter w zmiennych.
INFORMACJE WAŻNE I PRZYDATNE!
Jak sprawdzić czy plik .swf posiada poprawnie „zaszyty” _root.clickTag?
1. Plik z reklamą musimy umieścić na serwerze
2. W oknie przeglądarki (np.: IE 6) wpisujemy adres url do pliku .swf (nie lokalnie, tylko
przez http://)
3. Dopisujemy bez pozostawiania odstępu: ?clickTag=
i także bez odstępu adres url, na który ma odnosić kreacja, inny niż docelowy dla danej
kampanii, np.: http://www.mediaregionalne.pl
4. Następnie klikami na kreację. Jeśli w nowym oknie otworzy się strona, której url
wpisaliśmy, to kreacja jest poprawnie wykonana
23 / 23

Specyfikacja techniczna form reklamowych

Transkrypt

Podobne dokumenty

Dobra gra logiczna. Zabawa polega na odgradzaniu maksymalnej

Ciemna strona kapitału czy jasna imperium?

Specyfikacja techniczna