go to english version

Specyfikacja techniczna

Informacje ogólne

Postanowienia Wstępne

ARBOmedia Polska nie ponosi odpowiedzialności finansowej w przypadku gdy klient nie dostarczy poprawionej wersji kreacji lub nie spełnia ona wymogów IAB.

Dostarczanie kreacji

Gotowa kreacja powinna mieć nazwę zgodną z formatem:

 Arbo_serwis_formareklamy_rozmiar.rozszerzenie 

Np.

 Arbo_gry-online.pl_billboard_750x100.swf

Kreacje należy wysyłać e-mailem na adres traffic@arbointeractive.pl. Dodanie numeru zlecenia do tematu maila pozwoli na łatwiejszą segregację oraz uniknięcie pomyłek.

Kreacja uważana jest za kompletną wyłącznie jeśli został zdefiniowany dla niej URL docelowy (clickTag)

Mierzenie statystyk

Kliknięcia w banery powodują automatyczne przejście do reklamowanego serwisu. Ilość kontaktów użytkownika z reklamą oraz liczba kliknięć w baner jest rejestrowana w statystykach. Statystyki dostępne są on-line przez 24 godziny na dobę. Technologię mierzącą dostarcza adserwer BBmedia. Dopuszczalna różnica adserwerowa dla statystyk odsłon oraz kliknięć w odniesieniu do innego systemu zliczającego wynosi 5%.

Klient może zażyczyć sobie dołączenia osobnych skryptów mierzących odsłony oraz kliknięcia. Niektóre formy reklamowe mogą mieć podłączone dodatkowe pikselki mierzące interakcję (bez konieczności ingerencji w kreację).

Kwestie techniczne

Wersja Flash

Kreacje powinny być Przygotowane we flash wersji 8 lub nowszej1).

clickTag

clickTag jest sposobem na mierzenie statystyk kliknięć w kreacje. Pozwala ustawić adres docelowy, który mierzy przekierowania, zamiast standardowego adresu. Aby ustawić clickTag w kreacji należy:

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

Kreacje pisane w ActionScript 3 powinny używać takiego kodu:

myButton.addEventListener(MouseEvent.CLICK, function() {
  if (root.loaderInfo.parameters.clickTag) {
    navigateToURL(
      new URLRequest(root.loaderInfo.parameters.clickTag),
      "_blank"
    );
  }
});

Więcej na temat obsługi kliknięcia w AS3 znajduje się tutaj

Wiele clickTagów

W przypadku kiedy kreacja używa wiele adresów docelowych, zostaną one przekazane w sposób identyczny do pojedyńczego clickTaga z tą róźnicą, że do nazwy zmiennej dodany zostanie numer porządkowy, np. clickTag1, clickTag2, itd. Sposób użycia tych adresów w kreacji jest identyczny ze standardowym clickTagiem, czyli np:.

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

Przekazywanie zmiennych

Kliknięcia w kreację przechodzą przez redirect (czyli przez adserwer), a dopiero potem trafiają na stronę docelową. Dlatego wszelkie doklejane parametry przekazywane są do adserwera, a nie do linka docelowego. Aby użyć zmiennego adresu docelowego, należy skonstruować go w całości samodzielnie i dokleić na końcu clickTag-a. Przykładowo, jeśli kreacja ma kierować na adres http://example.com i przekazywać parametr kwota o wartości przechowywanej w zmiennej _root.kwota, akcja po kliknięciu na button powinna wyglądać tak:

 on (release) { 
    getURL(_root.clickTag + 'http://example.com/?kwota='
       + _root.kwota, "_blank");
 }

Zapętlone dźwięki

Zapętlone dźwięki są niedopuszczalne w kreacjach. Szczególnie w momencie, kiedy emisja reklamy powinna być zakończona (użytkownik kliknął w zamykacz). Kreacja powinna bezwzględnie zakończyć odgrywanie wszelkich dźwięków wraz z kliknięciem zamykacza lub po upływie czasu emisji (w przypadku toplayera).

Multimedia

Duże pliki multimedialne, takie jak muzyka w formacie mp3 lub materiały wideo w formacie flv nie mogą być zagnieżdzone w kreacji - jej rozmiar nie może przekroczyć wyznaczonej przez specyfikacje maksymalnej wagi (w większości jest to 50KB). Pliki takie należy dostarczyć osobno. Zostaną umieszczone na serwerze WWW, a adres do nich zostanie przekazany do kreacji poprzez zmienną FlashVars. Formy reklamowe z wideo zawierają w koszcie mediowym pojemność 1MB lub 2MB (za dopłatą) plików multimedialnych.

Kracja powinna skladać się z 2 plikow - SWF - ramka z odtwarzaczem, który zaciaga wlasciwe video oraz samego pliku FLV. Odtwarzacz powinien mieć przycisk MUTE (obraz głośniczka) wyciszający odtwarzany dźwięk, który w kreacji powinien być wyłączony i odtwarzany tylko za kliknięciem użytkownika w głośniczek. Obraz może być zapętlony, jednak po jednej sekwencji dźwięk powinien wyciszyć się automatycznie.

Alternatywne formy płaskie

Dla kreacji typu billboard (billboard, box, skyscraper) mogą zostać przygotowane zastępcze kreacje w formacie rastrowym (JPG, PNG, GIF). Zostaną one wyświetlone użytkownikom z wyłączoną obsługa JavaScriptu.

Kreacja dla systemów mobilnych

Zamykacz

Kreacje emitowane na warstwie powinny posiadać zamykacz, całkowicie usuwający kreację. Powinien być to button zgodny z następującymi wytycznymi:

  1. słowo 'zamknij' czcionką wielkości min. 12px
  2. wymiary obszaru klikalnego: minimalnie 100×30 px
  3. wymiary krzyżyka: minimalnie 20×20 px
  4. obszar klikalny zaznaczony linią o grubości nie mniejszej niż 2px lub odznaczający się kolorem
  5. krzyżyk zaznaczony linią o grubości nie mniejszej niż 2px
  6. położenie obszaru klikalnego stałe, zamykacz umieszczony w prawym górnym rogu obszaru kreacji
  7. kolor linii zaznaczenia krzyżyka oraz kolor tła (obszaru klikalnego) powinny ze sobą kontrastować
  8. napis 'zamknij' i [X] powinny znajdować się na nieprzezroczystym tle
  9. obszar klikalny powinien być aktywny od momentu wyświetlenia się kreacji na stronie
  10. do obszaru klikalnego należy podłączyć następującą akcję:
 on (release) {
  getURL(_root.adclose || 'javascript:onFinishedPlaying();');
}

Wzorcowy zamykacz wygląda następująco:

Zabronione elementy

Kreacje nie mogą zawierać:

Formy reklamowe

Płaskie

Double/Triple/Wide Billboard

Billboard jest płaską formą reklamy, emitowaną zwykle w górnej, środkowej części serwisu. Kliknięcie w billboard powoduje przejście na adres docelowy kreacji.

Standardowe rozmiary:

  • Billboard: 750×100 px
  • DoubleBillboard: 750×200 px
  • TripleBillboard: 750×300 px
  • WideBillboard: 940×300 px oraz 970×300 px

Waga maksymalna
Doublebillboard: 50KB.
Triplebillboard: 60KB
Wideboard: 60KB

Zobacz również:

Rectangle/Box

Rectangle jest płaską formą reklamy, emitowaną zwykle w pomocniczej kolumnie serwisu lub wewnątrz właściwej treści (np. artykułu). Rectangle/box może występować zarówno w miejscu otoczonym przez tekst jak i pomiędzy dwoma akapitami tekstu. Kliknięcie w rectangle powoduje przejście na adres docelowy kreacji.

Standardowe rozmiary: 300×250 px
Waga maksymalna: 50KB.

Rectangle/Box występuje w kilku popularnych rozmiarach, zależnie od serwisu: 300×250, 300×300, 336×280 itd.

Zobacz również:

Skyscraper

Skyscraper (wieżowiec) jest płaską formą reklamy, emitowaną w dodatkowej kolumnie serwisu, umieszczonej zwykle po prawej stronie (obok głównej treści). Kliknięcie w skyscraper powoduje przejście na adres docelowy kreacji.

Standardowe rozmiary: 160×600 px
Waga maksymalna: 50KB.

Na niektórych serwisach skyscraper występuje w mniejszej formie o rozmiarze 120x600px.

Skyscraper ma możliwość scrollowania (wraz z przewijaniem strony). Nie wymaga to specyficznego przygotowania kreacji. Do skyscrapera zostanie dołączony automatycznie zamykacz w formie krzyżyka 20x20px.

Zobacz również:

Halfpage

Halfpage jest płaską formą reklamową o wymiarach 300px na 600px, znajdującą się zazwyczaj po prawej stronie serwisu, często w miejscu rectangle. Kliknięcie w Halfpage powoduje przejście na adres docelowy kreacji.

Waga: 60 KB
Wymiary: 300 x 600 px

Zobacz również:

Ekspandowane

Expand -Billboard/Doublebillboard

Expand jest rozwijaną formą reklamy, emitowaną zwykle w górnej, środkowej części serwisu. Kliknięcie w Expanda powoduje przejście na adres docelowy kreacji. Po najechaniu na główną część kreacji expand rozwija się do pełnych rozmiarów przykrywając część serwisu. Po zjechaniu myszką z kreacji, wraca do standardowych rozmiarów.

Standardowe rozmiary (expand billboard): 750×100 px750x300px (rozmiar zwinięty/rozwinięty)
Standardowe rozmiary (expand double billboard): 750×200 px750x300px (rozmiar zwinięty/rozwinięty)
Standardowe rozmiary (expand triple billboard): 750×300 px750x600px (rozmiar zwinięty/rozwinięty)
Waga maksymalna: 50KB.

Expand może również występować w wersji Push -Billboard/Doublebillboard. Przygotowanie kreacji nie różni się niczym. Emisja reklamy na stronie będzie powodować przesuwanie zawartości strony zamiast wyświetlania kreacji ponad nią.

Expand może występować w wersji pionowej jako ExpandSkyscraper. Jego wymiary podstawowe powinny być wtedy zgodne z rozmiarami skyscrapera, a docelowe (rozwinięte) to maksymalnie 300x600px. ExpandSkyscraper może rozwijać się w lewą lub w prawą stronę, zależnie od jego umieszczenia w serwisie (odpowiednio w prawej lub lewej kolumnie).

Kreacja powinna mieć wymiary równe wymiarom stanu rozwiniętego formy, jednak do czasu rozwinięcia wyświetlany będzie jedynie podstawowy obszar.

Aby uaktywnić rozwinięcie kreacji definiujemy następującą akcję przypisaną do buttona umieszczonego na najwyższej warstwie:

on (rollOver) {
 getURL(_root.doexpand)
}

Po zjechaniu myszką kreacja musi się schować, więc konieczny jest następujący kod:

on (rollOut) {
 getURL(_root.dolittle)
}

Zobacz również:

ExpandCorner

ExpandCorner jest rozwijaną formą reklamy umieszczoną w prawym górnym rogu strony. Kliknięcie w ExpandCorner powoduje przejście na adres docelowy kreacji. Po najechaniu na główną część kreacji expand rozwija się do pełnych rozmiarów przykrywając część serwisu. Po zjechaniu myszką z kreacji, wraca do standardowych rozmiarów.

Standardowe rozmiary: 90×90 px750x550px (rozmiar podstawowy/rozwinięty)
Waga maksymalna: 50KB.

Kreacja powinna mieć wymiary ze stanu rozwiniętego, jednak nie wyświetlać nic poza podstawowym rozmiarem do czasu rozwinięcia.

ExpandCorner ma przypominać zagięty róg kartki, który po najechaniu odsłania treść reklamy, znadującej się „pod serwisem”.

Kreacja powinna mieć wymiary równe wymiarom stanu rozwiniętego formy, jednak do czasu rozwinięcia wyświetlany będzie jedynie obszar podstawowy.

Aby uaktywnić rozwinięcie kreacji definiujemy następującą akcję przypisaną do buttona umieszczonego na najwyższej warstwie:

on (rollOver) {
 getURL(_root.doexpand)
}

Po zjechaniu myszką kreacja musi się schować, więc konieczny jest następujący kod:

on (rollOut) {
 getURL(_root.dolittle)
}

Kreacja powinna posiadać zamykacz (patrz: zamykacz) ze zdefiniowaną akcją:

on (release) {
 getURL(_root.adclose)
}

Zobacz również:

Billboard FX

Billboard FX jest rozwiniętą formą reklamy, emitowaną zwykle w górnej, środkowej części serwisu. Kreacja taka jest przy otwarciu rozwinięta, posiada zamykacz, który pozwala na jej zamkięcie (powrót do standardowych rozmiarów billboarda). Zamknięcie Billboarda FX jest akcją jednarazową - zamknięty już sie nie rozwinie.

Standardowe rozmiary:

  • Billboard FX: 750×100 px750x550px (rozmiar całkowity/rozwinięty)
  • DoubleBillboard FX: 750×200 px750x550px (rozmiar całkowity/rozwinięty)
  • Rectangle FX: 300×250 px500x500px (rozmiar całkowity/rozwinięty)

Waga maksymalna: 50KB.

Billboard FX może występować także jako DoubleBillboard FX, rectangle FX, skyscraper FX, etc.

Kreacja powinna mieć wymiary równe wymiarom stanu rozwiniętego formy, na początku wyświetla się właśnie w takiej postaci.

Wersja zwinięta powinna być obszarem 750×100 px (750×200 px lub 300×250 px) znajdującym się na środku wersji rozwiniętej, w którymś z jej rogów lub pośrodku boków.

Kreacja powinna mieć zamykacz, z następującym kodem:

on (release) {
 getURL(_root.dolittle)
}

Zobacz również:

Time Banner

Timebanner jest płaską formą reklamową o wymiarach 940×300 px rozpoczynajacą się w stanie „push” lub „expand” o wymiarach 940×500 px i pozostajacą w tym stanie przez pierwsze 10 sekund.

Aby poprawnie przygotować kreację, należy pobrać gotowy plik .fla na podstawie którego tworzona będzie kreacja. Na znajdujacych się w nim warstwach ROZWINIETY oraz ZWINIETY należy odpowienio umieścić gotowe movieclipy zawierające pożądane animacje.
Animacja dla formy rozwiniętej powinna trwać max 250 klatek w 25 fps.
Nie należy zmieniać fps animacji. Nie należy dokonywać żadnych zmian na głównej listwie czasowej.
Waga max 100 KB

Uwaga: W Time bannerze nie dodajemy clickTaga.

Na warstwie

Toplayer

Toplayer to forma reklamowa wyświetlana na warstwie ponad zawartością serwisu. Czas emisji tej kreacji wynosi 15 sekund. Toplayer musi zawierać wyraźny zamykacz o wymiarach nie mniejszych niż 20x20px.

Standardowe wymiary: 750x550px
Maksymalna waga: 60KB

Po 15 sekundach kreacja powinna wywołać identyczną jak w zamykaczu funkcję getURL.

 on (release) {
  getURL(_root.adclose || 'javascript:onFinishedPlaying();');
}

Kreacja może zawierać prześwitujące obszary. Powinny być one nieklikalne.

Zobacz również:

BrandMark

BrandMark to forma reklamowa wyświetlana na warstwie ponad zawartością serwisu, która swoim wyglądem przypomina wyskakujące okienko (popup). Kliknięcie na kreację przenosi pod adres docelowy. BrandMark musi zawierać następujące elementy: zamykacz, minimalizator oraz maksymalizator.

Standardowe wymiary: 300x300px
Maksymalna waga: 60KB

BrandMark powinien zawierać trzy przyciski, przypominające przyciski otwartego okienka popup - wyraźny zamykacz, minimalizator i maksymalizator. Kreacja nie może utrudniać klikania w zamykacz. Minimalizator służy do zwinięcia kreacji do paska o wysokości około 40px. Maksymalizator przywraca kreację do normalnego stanu. Maksymalizator i minimalizator mogą wyświetlać się naprzemiennie, zależnie od stanu (rozwinięta/zwinięta) kreacji. Dla tych przycisków muszą być zdefiniowane odpowiednie akcje:

Zamykacz:

on (release) {
 on (release) {
  getURL(_root.adclose || 'javascript:onFinishedPlaying();');
}

Minimalizator:

on (release) {
  getURL('javascript:bm_min();');
}

Maksymalizator:

on (release) {
  getURL('javascript:bm_max();');
}

Kreacja może zawierać prześwitujące obszary. Powinny być one nieklikalne.

Zobacz również:

Interstitial

Interstitial to pełnoekranowa animacja flash. Ze względu na ograniczenia techniczne, interstitial nie będzie zajmował całej powierzchni ekranu, ale całą dostępną przestrzeń wewnątrz okienka przeglądarki.

Standardowe wymiary: 800x468px (skalowalne)
Maksymalna waga: 50KB

Standardowe rozmiary interstitiala zostaną dopasowane do dostępnej przestrzeni w okienku przeglądarki. Oznacza to zachowanie proporcji kreacji oraz dodanie pasków jednakowego koloru na brzegach kreacji (jeśli będzie taka konieczność). Wraz z kreacją musi być dostarczony kolor tła (najlepiej w postaci #RRGGBB).

Kreacja musi być wyposażona w clickTag. Powinna posiadać też wyraźny zamykacz, z podpiętą akcją:

on (Release) {
  getURL('javascript:onFinishedPlaying()', '')
}

Po 15 sekundach emisji kreacja powinna wykonać identyczną funkcję (getURL) i zakończyć całkowicie animację oraz dźwięki.

Zobacz również:

Floor Ad

Floor ad to forma reklamowa wyświetlana na warstwie ponad zawartością serwisu przylegającej do dolnej krawędzi okna przeglądarki. Szerokość formy to zawsze 100% aktualnej szerokości okna. Czas emisji tej kreacji wynosi 15 sekund. Floor ad musi zawierać wyraźny zamykacz .

Standardowe wymiary: 1024x300px
Maksymalna waga: 50KB

Po 15 sekundach kreacja powinna wywołać identyczną jak w zamykaczu funkcję getURL.

 on (release) {
  getURL(_root.adclose || 'javascript:onFinishedPlaying();');
}

Kreacja może zawierać prześwitujące obszary. Powinny być one nieklikalne. Uwagi techniczne. Obiekt application/x-shockwave-flash kreacji zostanie rozciągnięty do szerokości równej bieżącej szerokości okna (100%). Kreacja powinna być nieczuła na zoomowanie wbudowanymi w przeglądarki mechanizmami, jak też na zmianę rozmiaru okna . Uzyskać to można poprzez np. taki kod ActionScript:

Stage.scaleMode = 'noScale';
myListener = new Object();
myListener.onResize = function () {
     userResX = Stage.width;
};
Stage.addListener(myListener);

Wykorzystując wartość zmiennej userResX można np. aktualizować w listenerze położenie zamykacza, który powinien znajdować się w pobliżu prawej krawędzi okna, jak też innych elementów kreacji, jeśli zachodzi taka potrzeba.

Zobacz również:

Fly footer jest formą reklamową wa warstwie. Pozostaje przyklejony do dołu okna przeglądarki, podobnie jak scroller. Sskłada się z doublebillboarda oraz grafiki odpowiedzialnej za zwijanie.

Jest możliwość ustawienia tła w paskach po bokach kreacji w formacie 16tkowym ( #RRGGBB )

Scroller

Scroller jest reklamą emitowaną na warstwie, w postaci grafiki flash lub obrazka „przyklejonego” na samym dole strony. Wersja we Flash(swf) powinna zawierać clickTag

Maksymalna waga: 50KB
Wysokość: 30px
Szerokość: wedle uznania(zazwyczaj 400-800px)

Kreacja nie powinna zawierać w sobie zamykacza, jest on dodawany później przez traffika.

Inne

Tapeta / Screening

Tapeta jest tłem serwisu o dużej rozdzielczości. Ta forma reklamy jest nieklikalna. Istnieje możliwość zdefiniowania tła serwisu dopełniającego obszar tapety. Tapeta może się zmieniać w reakcji na działania użytkownika.

Standardowe rozmiary: 1024x768px lub 1280x1024px
Maksymalna waga: 50KB
Format pliku: JPG lub PNG.

Tapeta w formie screeningu to połączenie standardowej tapety z Billboardem lub DoubleBillboardem w taki sposób, aby granica pomiędzy nimi była niezauważalna (zawartość billa jest dopasowana do zawartości tapety). Obszar kreacji billboardowej jest klikalny.

Interactive surround, czyli dynamiczny screening, to połączenie wielu obrazków tapet poprzez billboard reagujący na akcje użytkownika (np. na kliknięcie lub najechanie na pewien element). W dowolnym momencie może zostać wywołana zaimplementowana w billboardzie akcja:

 getURL('javascript:swap_site_skin(1)', '');

Gdzie liczba „1” jest dowolną liczbą z zakresu od 1 do liczby dostarczonych plików ze „skórkami”. Skórka o danym indeksie zostanie ustawiona jako tapeta.

Uwaga: Nie wszystkie serwisy są przygotowane technicznie do emisji screeningu.

Zobacz również:

AdCursor

AdCursor to forma reklamowa wyświetlająca niewielką grafikę (logo) w pobliżu wskaźnika myszy.

Standardowe wymiary: 32x32px
Maksymalna waga: 5KB
Format: GIF, JPG lub PNG

Dodatki

Jak przygotować uniwersalną kreację

Specyfikacje techniczne różnych sieci reklamowych oraz portali różnią się w pewnym stopniu. Można jednak zaoszczędzić sobie trochę pracy i przygotować kreację uniwersalną.

Weźmy expand billboarda jako przykład. Akcja zdefiniowana przy najechaniu może się różnić, np:

on (mouseOver) {
 getURL(_root.adrozwin, '')
}
on (mouseOver) {
 getURL(_root.doexpand, '')
}
on (mouseOver) {
 getURL('javascript:doexpand()', '')
}

Aby uniknąć tworzenia oddzielnych wersji, można zastosować następujący kod:

on (mouseOver) {
 getURL(_root.adrozwin || _root.doexpand || "javascript:doexpand()", '')
}

W takiej konstrukcji zostanie użyta pierwsza wartość, która będzie dostępna, a zmienne niezdefiniowane - odrzucone.

Podobnie można wykonać clickTag:

on (release) {
 getURL(_root.clickTag || _root.click || _root.clickthru ||
   "http://example.com", '_blank')
}

Priorytet otrzyma zmienna clickTag, lecz jeśli jej nie będzie, flash użyje click i tak dalej, aż dojdzie do momentu, w którym adres zostanie przedstawiony w formie dosłownej, co będzie oznaczać, że dany adserwer nie obsluguje clickTag.

Zaszywanie kodów mierzących w kreacji

W przypadku, gdy nie możemy dostarczyć kodów mierzących razem z kreacją/kodem emisyjnym, możemy zamieścić kod mierzący (piksel) w pliku SWF. Przykładowo, dla kodu Gemiusa postaci:

_gde_rafhiplosn = new Image(1,1);
_gde_rafhiplosn.src='http://garbo.hit.gemius.pl/_'+(new Date()).getTime()
 +'/redot.gif?id=dwNF...oylH.V7/stparam=rafhi....';

Wstawiamy w pierwszej klatce kreacji kod ActionScript:

if (!_root.statSent) {
  _root.createEmptyMovieClip(
    "stat_" + String(Math.random()).substr(2,6),
    _root.getNextHighestDepth()).loadMovie(
       'http://garbo.hit.gemius.pl/_'+(new Date()).getTime()
     + '/redot.gif?id=dwNF...oylH.V7/stparam=rafhi....'
  );
  _root.statSent = 1;
}

Efekt będzie podobny do wstawienia kodu mierzącego/piksla do kodu emisyjnego kreacji.

Creative Commons License Creative Commons Attribution-Share Alike 2.5 Poland License .