1. Materiał musi zostać dostarczony w formacie :
   • flv
   • Zwykły doublebillboard zgodny z podstawowymi założeniami kreacji (nie video DBB)
2. Akceptowalna długość spotu reklamowego : 10s
3. Wymagania techniczne:
   • waga materiału nie może przekroczyć 2 mb
   • Kodek video :
     • flv :H.264 ( rekomendowany ) akceptowalne : DivX, XviD, MPEG-4
   • Kodek audio :
     • flv : ACC ( rekomendowany ) , akceptowalne : mp4a, mp3, AC3
   • FPS : max 25 FPS
   • poziom dźwięku :
     • -nominalny: -18 dBfs
     • -maksymalny: -6 dBfs

GroupM Nexus Solution– Sync to produkt pozwalający zsynchronizować kampanię display z kampanię telewizyjną.

Minimalnie na dwa tygodnie przed startem emisji powinien być dostarczony spot telewizyjny, któremu nadany zostanie indywidualny znacznik. WAŻNE: powinien to być finalny spot zaakceptowany do emisji.

Do kampanii powinny zostać dostarczone formaty displayowe w formie jpeg do 100 kb.

• 120×600
• 160×600
• 300×250
• 468×60
• 728×90
• 336×280
• 300×600
• 320×50 (dla aplikacji mobilnych i m.stron)
• 300×50 (dla aplikacji mobilnych i m.stron)
• 216X36 (dla aplikacji mobilnych i m.stron)

Formaty (mobile) do Places powinny być w jpegach do 100 kb:

Pełna lista:

• 300×250
• 300×600
• 320×50
• 320×100
• 320×480
• 480×320

Formaty do mobile powinny być w jpegach do 100 kb:

Pełna lista:

• 120×600
• 160×600
• 300×250
• 468×60
• 728×90
• 336×280
• 300×600
• 300×50 (dla aplikacji mobilnych i m.stron)
• 320×50 (dla aplikacji mobilnych i m.stron)

1. Mobile Preroll
   • niezbędne materiały:
     • MP4:
     • 30s
     • 3MB

   Materiały zgodne z naszą specyfikacją w punkcie Video Preroll będą akceptowane.

2. Mobile Rectangle Video
   • niezbędne materiały:
     • MP4:
     • 30s
     • 3MB

   Materiały zgodne z naszą specyfikacją w punkcie Video Preroll będą akceptowane.

3. Fullpage z Video
   1. Materiał musi zostać dostarczony w formacie :
      • MP4
      • Grafika PSD z warstwą wskazującą miejsce emisji materiału wideo, z zachowaniem odpowiednich proporcji (16:9, 4:3)
   2. Akceptowalna długość spotu reklamowego : 30s
   3. Wymagania techniczne:
      • Video MP4: 4MB
      • Grafika: 100 kB (.jpg po eksporcie z wymaganego PSD)
      • Rozmiar: 640 x 832
      • Kodek video :
      • mp4: H.264 ( rekomendowany ), akceptowalne : DivX, XviD, MPEG-4
      • Kodek audio :
      • mp4: ACC ( rekomendowany ) , akceptowalne : mp4a, mp3, AC3
   4. Dobre praktyki:Przycisk zamykający reklamę, powinien być przewidziany na etapie projektowania,
      W prawym lub lewym górnym rogu.

1. Standard BannerWymagana struktura plików
   Wskazówka: łatwiej tworzyć banery dzięki Studio HTML5 Adform. Automatycznie generuje on plik manifest.json i inne pliki związane z Adform oraz pozwala testować i wyświetlać podgląd banerów HTML5 bez wysiłku.

   Tworząc banery w technologii HTML5, postępuj zgodnie ze specyfikacjami Adform dla banerów HTML5.

   Standardowy baner musi składać się z banera i tapety. Maksymalna waga paczki nie może przekraczać 1MB a wielkość tapety powinna wynosić 1920×1080 px.

   Dostarczenie banera formatu 750×200 przez Klienta jest koniecznością. Opcjonalnie można dostarczyć również format: 750×300 px.

   Każdy baner HTML5 przygotowany dla systemu AdForm powinien być zarchiwizowany jako plik ZIP. Ten plik ZIP zawiera:

   • Plik metadanych o nazwie manifest.json. Plik manifest.json definiuje parametry banerów, takie jak nazwa, opis, wymiary, wydarzenia, Click Tagi i źródła. Te parametry są analizowane i rejestrowane w systemie Adform po przesłaniu pliku ZIP banera do zasobów.
     {
     „version”: „1.0”,    „title”: „750×200 Example Banner”,
     „description”: „optional string”,

     „width” : „750”,
     „height”: „200”,

     „events”: {
     „enabled”: 1,
     „list”: {
     „1”: „myEventName1”,
     „2”: „myEventName2”,
     „3”: „myEventName3”
     }
     },

     „clicktags”: {
     „clickTAG”: „https://www.test.com”,
     „clickTAG2”: „http://www.adform.com”
     },

     „source”: „yourbanner.html”
     }

     Wydarzenia związane z banerem mogą być włączone – 1 lub wyłączone – 0. Jeśli korzystasz ze zdarzeń niestandardowych (custom events), zdefiniuj je w sekcji listy zdarzeń w pliku manifest.json. Twój baner może zawierać wiele instancji clickTAG. Jeśli tak, proszę zdefiniować je wszystkie w sekcji clickTAGs w pliku manifest.json.

   • Plik źródłowy HTML o tej samej nazwie, jak zdefiniowano w pliku manifest.json. Zaleca się używanie tylko jednego źródła HTML na baner.
     Ważne: Plik manifest.json i zdefiniowane jako „main HTML source” powinny znajdować się w katalogu głównym pliku ZIP. W przeciwnym razie system nie będzie w stanie poprawnie wyodrębnić spakowanej zawartości i otrzymasz błąd podczas przesyłania ZIP. Ponadto, całkowita masa banera jest mierzona, gdy zawartość jest rozpakowana.
   • Źródła JavaScript, takie jak jQuery, biblioteki animacji GreenSock i komponenty itp., jeśli są używane w banerach – ich biblioteki mogą być włączone jako zasoby lokalne lub jako źródła zewnętrzne (external sources).
   • Inne zasoby, takie jak obrazy, czcionki, pliki XML itp., Które można pobrać z katalogów lokalnych lub ze ścieżek zewnętrznych.
2. Dodawanie clickTAG VariablesIstnieją różne metody dodawania parametru clickTag do banera HTML5. Poniżej znajdują się przykłady jak dodać instancję clickTAG do jakiegoś konkretnego elementu w dokumencie HTML, przypisując parametr clickTAG do jakiegoś źródła ramki itp..Zauważ, że biblioteka Adform.DHTML.js powinna być dodawana w nagłówku dokumentu HTML we wszystkich przypadkach:
   <script>
   document.write('<script src=”’+ (window.API_URL || 'https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv=’+ Math.random()) +'”><\/script>’);
   </script>
3. Dodanie parametru clickTag do określonego elementu divWykonaj poniższe kroki, aby dodać parametr clickTAG do określonego elementu div w banerze HTML5:
   1. Ustaw wartość id (lub nazwa klasy) dla obszaru / warstwy clickTAG:
      <div class=”click-layer” id=”clickLayer”></div>
   2. Przyjmij ten element za pomocą jego id (lub nazwy klasy) i ustaw dla niego funkcję „onclick”. Umieść ten skrypt gdzieś poniżej elementu w dokumencie HTML (aby upewnić się, że element zostanie utworzony wcześniej niż kod zostanie wykonany):
      <script>
      var clickArea = document.getElementById(’clickLayer’);clickTAGvalue = dhtml.getVar(’clickTAG’, 'http://www.example.com’);
      landingpagetarget = dhtml.getVar(’landingPageTarget’, '_blank’);

      clickArea.onclick = function() {
      window.open(clickTAGvalue,landingpagetarget);
      }
      </script>

      Kliknięcie na „click layer area” wywołuje funkcję, która otwiera okno z wartością clickTAG URL, odziedziczoną z systemu Adform, lub statycznego adresu URL. Po przesłaniu banera do systemu getVar zwraca adres URL zdefiniowany w systemie obok zasobu. Kiedy baner jest testowany lokalnie, zastępczy adres URL jest traktowany tak, jakby parametr clickTag był do tej pory „null”.

   Styl kursora dla parametru clickTAG można zmienić na wskaźnik, dodając clickArea.style.cursor = „pointer”; do funkcji kliknięcia.
4. Dodawanie wielu clickTAG’ówJeśli potrzebujesz wielu tagów clickTAG na tym samym banerze, wykonaj następujące czynności:
   1. Ustaw id lub (class name) dla elementów kliknięcia:
      <body>
      <div id=”element”>
      <div id=”linkbox”>
      <a id=”left”>My Link1</a>
      <a id=”center”>My Link2</a>
      <a id=”right”>My Link3</a>
      </div>
      </div>
   2. Zdefiniuj wartość clickTAG dla każdej instancji parametru clickTAG. Wartości powinny uzyskać adresy URL stron docelowych z systemu AdForm (dhtml.getVar) po umieszczeniu banera lub możesz użyć wartości statycznej do testów lokalnych. Zbierz wszystkie elementy instancji clickTAG z dokumentu HTML za pomocą metod getElementById lub getElementsByClass. Ustaw funkcję „onlick” dla każdego elementu osobno. Umieść ten skrypt gdzieś poniżej elementów kliknięcia w dokumencie HTML (aby upewnić się, że elementy zostaną utworzone wcześniej niż kod zostanie wykonany):
      <script>
      clickTAGvalue = dhtml.getVar(’clickTAG’, 'http://www.adform.com’);
      clickTAGvalue2 = dhtml.getVar(’clickTAG2′, 'http://html5toolkit.adform.com/’);
      clickTAGvalue3 = dhtml.getVar(’clickTAG3′, 'http://site.adform.com/resources/creative-space/’);
      landingpagetarget = dhtml.getVar(’landingPageTarget’, '_blank’);var center = document.getElementById(’center’);
      var left = document.getElementById(’left’);
      var right = document.getElementById(’right’);

      center.onclick = function() {
      window.open(clickTAGvalue,landingpagetarget);
      }

      left.onclick = function() {
      window.open(clickTAGvalue2,landingpagetarget);
      }

      right.onclick = function() {
      window.open(clickTAGvalue3,landingpagetarget);
      }
      </script>

      Kliknięcie obszaru określonego obszaru kliknięcia wywołuje funkcję otwierającą okno z odziedziczoną określoną wartością adresu URL clickTAG z systemu Adform lub ze statycznego awaryjnego adresu URL (w przypadku testowania lokalnego). Po przesłaniu banera do systemu getVar zwraca adres URL zdefiniowany w systemie obok zasobu. Kiedy baner jest testowany lokalnie, zastępczy adres URL jest traktowany tak, jakby parametr clickTag był do tej pory „null”.

   3. Zarejestruj wiele tagów clickTAG w pliku manifest.json, zanim baner zostanie przesłany do systemu, np.,
      {
      „version”: „1.0”,”title”: „Banner-Sample-580×400”,
      „description”: „”,

      „width” : „580”,
      „height”: „400”,

      „events”: {
      „enabled”: 1,
      „list”: { }
      },

      „clicktags”: {
      „clickTAG”: „http://www.adform.com”,
      „clickTAG2”: „http://html5toolkit.adform.com/”,
      „clickTAG3”: „http://site.adform.com/resources/creative-space/”,
      },

      „source”: „index.html”
      }

5. Dodanie parametru clickTAG jako atrybutu elementówMożesz ustawić parametr clickTAG jako & lt; a & gt; wartość elementu „href”. Aby to zrobić, wykonaj następujące kroki:
   1. Ustaw wartość id (lub nazwę klasy) dla każdego elementu <a>. Możesz zostawić wartości „href” jeszcze nie zdefiniowane tutaj:
      <div id=”links”>
      <div class=”links-title”></div>
      <a class=”link link-1″ id=”link-1″ target=”_blank”>My first link</a>
      <a class=”link link-2″ id=”link-2″ target=”_blank”>My second link</a>
      <a class=”link link-3″ id=”link-3″ target=”_blank”>My third link</a>
      <a class=”link link-4″ id=”link-4″ target=”_blank”>My fourth link</a>
      </div>
   2. Poniżej w kodzie HTML banera użyj tego skryptu, aby uzyskać określony element <a> i ustaw dla niego atrybut href. Każdy atrybut href może odziedziczyć wartość zmiennej clickTAG z systemu Adform lub statyczny URL, jeśli baner jest testowany lokalnie:
      <script>
      document.getElementById(’link-1′).setAttribute(’href’, dhtml.getVar(’clickTAG’, 'http://www.example-1.com’));
      document.getElementById(’link-2′).setAttribute(’href’, dhtml.getVar(’clickTAG2′, 'http://www.example-2.com’));
      document.getElementById(’link-3′).setAttribute(’href’, dhtml.getVar(’clickTAG3′, 'http://www.example-3.com’));
      document.getElementById(’link-4′).setAttribute(’href’, dhtml.getVar(’clickTAG4′, 'http://www.example-4.com”’));
      </script>
   3. Zarejestruj wiele tagów clickTAG w pliku manifest.json, zanim baner zostanie przesłany do systemu, np.,
      {
      „version”: „1.0”,”title”: „Banner-Sample-930×400”,
      „description”: „”,

      „width” : „930”,
      „height”: „180”,

      „events”: {
      „enabled”: 1,
      „list”: { }
      },

      „clicktags”: {
      „clickTAG”: „http://www.example-1.com”,
      „clickTAG2”: „http://www.example-2.com”,
      „clickTAG3”: „http://www.example-3.com”,
      „clickTAG4”: „http://www.example-4.com”,
      },

      „source”: „index.html”
      }

   4. Zarejestruj wiele tagów clickTAG w pliku manifest.json, zanim baner zostanie przesłany do systemu, np.,
      {
      „version”: „1.0”,”title”: „Banner-Sample-930×400”,
      „description”: „”,

      „width” : „930”,
      „height”: „180”,

      „events”: {
      „enabled”: 1,
      „list”: { }
      },

      „clicktags”: {
      „clickTAG”: „http://www.example-1.com”,
      „clickTAG2”: „http://www.example-2.com”,
      „clickTAG3”: „http://www.example-3.com”,
      „clickTAG4”: „http://www.example-4.com”,
      },

      „source”: „index.html”
      }

6. Tworzenie wbudowanego parametru clickTAGMożesz utworzyć element clickTAG i dodać funkcję kliknięcia JavaScript bezpośrednio w kodzie (inline’owo). Zobacz przykłady poniżej.
   1. Jak utworzyć klikalny element div o identyfikatorze „clicktagger” i wskaźnik myszy zmieniający się po zdarzeniach mouseover / mouseout.
      <div id=”clicktagger” onclick=”javascript:window.open(dhtml.getVar(’clickTAG’),’_blank’);”
      onmouseover=”javascript:this.style.cursor=’pointer’;” onmouseout=”javascript:this.style.cursor=’auto’;”></div>
   2. Jak utworzyć element hiperłącza <a href=”>, ustawić wartość zmiennej clickTAG jako atrybut href i dołączyć ją do treści dokumentu.
      <script>
      window.onload = function() {
      var link = document.createElement(’a’);
      link.style.display = 'block’;
      link.href = dhtml.getVar(’clickTAG’);
      link.target = dhtml.getVar(’landingPageTarget’);
      document.body.appendChild(link);
      }
      </script>
7. Używanie parametru clickTAG z przekierowaniemAby dynamicznie przekierować wartość clickTAG na inną stronę docelową, użyj rejestratora zdarzeń ;cpdir=. Na przykład:
   var redirect = 'http://www.example.com’;
   var custom = ’;cpdir=’ + redirect;
   window.open(clickTAG + custom, landingpagetarget);
   Uwaga: The ;cpdir= program wywołujący nie będzie działać podczas testowania lokalnie lub w środowisku HTML5 Studio. Aby ta funkcja przekierowania działała prawidłowo, kreacja musi być obsługiwana za pośrednictwem platformy.
8. Wstępne załadowanie i stany (Preload and States)Nawet jeśli zasób HTML nie jest widoczny, zostanie wczytany w tle po wczytaniu strony. Pomoże to, na przykład, uniknąć mrugnięcia w akcji rozwinięcie w banderoli rozwijanej z podwójnym plikiem.Restart animation nie jest już obsługiwany w zasobie HTML, więc powinieneś samodzielnie dodawać, zatrzymywać lub usuwać niechciane treści w zależności od stanu zasobu. Zasób HTML ma 3 stany: initial, visible, oraz hidden. Możesz uzyskać aktualny stan zasobu za pomocą dhtml.getState() lub słuchaj zdarzeń zmiany stanu za pośrednictwemdhtml.sharedEvents.Przykład:
   var state = dhtml.getState();console.log(’The current state is: ’ + state);

   dhtml.sharedEvents.on(’changed:state’, function (s) {
   console.log(’Last state was: ’ + state);
   console.log(’State has changed to: ’ + s);
   state = s;
   });

9. Metody PublicznePubliczne metody dotyczą aktywów:
   • dhtml.getVar(name, undefined_fallback) – zwraca wartość ciągu banera o nazwie (flashvars) lub podaną wartość domyślną, jeśli zmienna nie istnieje. Aby pobrać wartości zmiennych clickTAG i landingPageTarget z systemu, jeśli zmienne nie występują, użyj wyrażenia domyślnego:
     clickTAGvalue = dhtml.getVar(’clickTAG’, 'http://test.page.com/’);
     landingPageTarget = dhtml.getVar(’landingPageTarget’, '_blank’);
   • dhtml.sendEvent(id, name, vars) – rejestruje zdarzenie w systemie Adform. Jeśli wysłanie niestandardowego identyfikatora zdarzenia musi należeć do zakresu od 1 do 19, wówczas wymagany jest argument name, a obiekt vars jest opcjonalny. Przykład obiektu vars: { bv1: 'John’, bv2: 'Malcolm’ }
     button.onclick = function() {
     var id = 1,
     name = 'banner click’,
     eventVars = {
     bv1: „John”,
     bv2: „Colin”,
     bv3: „24”
     };dhtml.sendEvent(id, name, eventVars);
     return false;
     };

   • dhtml.getAsset(id) – zwraca adres URL zasobu o podanym identyfikatorze lub „niezdefiniowany”, jeśli ten zasób nie istnieje.
     var url = dhtml.getAsset(1); //A call to the function with the asset id.
   • dhtml.inscreen – użyj tego obiektu do śledzenia parametrów banera na ekranie z zasobu.
     Metody:
     • on(type, callback) – dodaje detektor zdarzeń (event listener).
     • once(type, callback) – dodaje detektor zdarzeń i usuwa go po uruchomieniu zdarzenia.
     • off(type, callback) – usuwa detektor zdarzeń.

     Zdarzenia (Events):

     • ’visible’ – uruchamia się po zmianie widocznego parametru banera.
     • ’percent’ – uruchamia się, gdy zmienia się procent procentowy banera.
     • ’change’ – odpala, gdy dowolne parametry banera ulegną zmianie.
     Każde wydarzenie (z wyjątkiem 'change’) przekazuje argument wartości do jego wywołania zwrotnego. Ten argument zawiera najnowszą wartość parametru na ekranie banera (in-screen).

     Właściwości:

     • visible (Boolean) – przechowuje wartość, gdy tylko baner jest widoczny lub nie (prawda lub fałsz).
     • percent (Number) – utrzymuje procentową wartość widoczności banera (od 0 do 100).

     Przykłady kodu:

     dhtml.inscreen
     .on(’visible’, function (value) { console.log(’visible change’, value); })
     .on(’percent’, function (value) { console.log(’percent change’, value); })
     .on(’change’, function () {
     console.log(’some change’, {
     visible: this.visible,
     percent: this.percent
     });
     });

     dhtml.external

     • expand() – rozwija baner z zasobu (używany w rozwijanych typach banerów)
     • close() – zwija lub zamyka pływający baner
     • superClose() – zamyka i niszczy cały baner
     • initPoliteMode() – ogłasza, że zasób jest gotowy do załadowania dużej zawartości (używanej z dhtml.sharedEvents.on(’pageLoadComplete’, listener))
     • updateBox(x, y, width, height) – używany przez Adform.SingleExpanding
     • expandComplete() – używany przez Adform.SingleExpanding
     • collapseComplete() – używany przez Adform.SingleExpanding
     • initScroll() – używany przez Adform.FilmStrip
     • initSingleExpanding(x, y) – używany przez Adform.SingleExpanding
     • toggleFullScreen(status) – używany przez Adform.VideoPlayer

     Ta metoda dotyczy baner interaktywny:

     • includeAPI() – metoda, która ładuje plik Adform.DHTML.js z odpowiednich serwerów Adform. Wystarczy dodać skrypt do pisania dokumentu, np.,
     doc.write('<script src=”’+fv.staticDomain + 'scripts/rmb/Adform.DHTML.js?bv=’+ fv.bv+'”><\/script>’);
10. Udostępnione wydarzenia (Shared Events)Jeśli chcesz słuchać zdarzeń związanych z banerem, możesz użyć obiektu dhtml.sharedEvents, aby dodać lub usunąć detektory zdarzeń.
    • on(type, callback) – dodaje detektor zdarzeń (event listener).
    • once(type, callback) – dodaje detektor zdarzeń i usuwa go po uruchomieniu zdarzenia.
    • off(type, callback) – usuwa detektor zdarzeń.

    Obecnie realizowane są następujące wydarzenia publiczne (public events):

    • pageLoadComplete – uruchamia się po załadowaniu strony. To zdarzenie jest zwykle używane do konfigurowania grzecznych banerów.
    • show – strzela, gdy zasób został pokazany.
    • hide – strzela, gdy zasób został ukryty.

    Przykład „uprzejmego baneru” (polite banner):

    dhtml.sharedEvents.once(’pageLoadComplete’, function() {
    // traffic-heavy code here
    });
    dhtml.external.initPoliteMode();
11. Śledzenie zdarzeń (Event Tracking)Śledzenie zdarzeń w Adform można stosować do różnych rodzajów interakcji użytkownika: kliknięć w określone obszary banera HTML, przesuwanie kursora itp.
    1. Zasób HTML powinien zawierać plik manifest.json i plik HTML spakowany razem z obrazami, skryptami i innymi materiałami.
    2. Plik manifest.json musi zawierać informacje o zdarzeniach używanych w banerze:
       {    „version”: „1.0”,

       „title”: „980×400 standard html”,
       „description”: „”,

       „width” : „980”,
       „height”: „400”,

       „events”: {
       „enabled”: 1, // events capable
       „list”: { // events list {id}: {eventName}
       „1”: „myEventName1”,
       „2”: „myEventName2”,
       „3”: „myEventName3”
       }
       },

       „clicktags”: { „clickTAG”: „http://www.adform.com” },

       „source”: „980×400.html”
       }

    3. Plik HTML powinien zawierać bibliotekę HTML Adform, która umożliwia banerowi odbiór zmiennej clickTAG:
       <script>
       document.write('<script src=”’+ (window.API_URL || 'https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv=’+ Math.random()) +'”><\/script>’);
       </script>

    Zdarzenia z wartościami statycznymi (static values)

    Uwzględnij w wywołaniach zdarzeń plików HTML określone zdarzenia, które chcesz śledzić:

    dhtml.sendEvent(event_id, event_name);

    • event_id – liczba całkowita od 1 do 20, która reprezentuje unikalne zdarzenie w banerze. Zarezerwowane identyfikatory zdarzeń banerów można znaleźć tutaj.
    • event_name – static string (nie używaj wartości dynamicznych).

    Przykład statycznego wywołania zdarzenia (static event call):

    dhtml.sendEvent(’1′, 'banner click’);

    Zdarzenia z wartościami dynamicznymi

    Uwzględnij w wywołaniach zdarzeń plików HTML określone zdarzenia, które chcesz śledzić:

    dhtml.sendEvent(event_id, event_name, eventVars);

    • event_id – liczba całkowita od 1 do 20, która reprezentuje unikalne zdarzenie w banerze. Zarezerwowane identyfikatory zdarzeń banerów można znaleźć tutaj.
    • event_name – static string (nie używaj wartości dynamicznych).
    • eventVars – zmienna niestandardowa, która powinna zostać przypisana do bieżącego zdarzenia. Nazwy zmiennych są ograniczone do następujących: bv1, bv2, …, bv100. Ich wartości powinny być typu „String”.

    Przykład eventVars:

    event.onclick = function() {
    var id = 1,
    name = 'banner click’,
    eventVars = {
    bv1: „John”,
    bv2: „Colin”,
    bv3: „24”
    };

    Przykład dynamicznego wywołania zdarzenia:

    dhtml.sendEvent(’1′, 'banner click’, eventVars);
12. Przesyłanie zmiennych w łańcuchu zapytania (Query String)Przesyłanie zmiennych do ciągu zapytania jest często pożądane, gdy użytkownik wprowadza interaktywnie dane w baner, na przykład adres e-mail, numer telefonu, lokalizację. Można to osiągnąć przez dołączenie „;urlappend=” do parametru clickTAG. Metoda przesyłania tych zmiennych w łańcuchu zapytań została opisana w poniższym przykładzie.
    Używanie ;urlappend= w wartościach ciągu zapytania

    Kod JavaScript:

    var custom = ’;urlappend=’+’?street=’+street+’&country=’+country+’&city=’+city+’&zip=’+zip;window.open(clickTAG + custom, landingpagetarget);

    Jeśli parametr clickTAG jest na przykład ustawiony na http://www.site.com?Destination=, użytkownik zostanie przekierowany na stronę http://www.site.com?Destination=London po kliknięciu banera.

    Note: Zmienne w ciągu zapytania nie mogą być testowane na stronie podglądu banera. Wszystkie zmienne łańcuchowe zapytania będą przekazywane do ostatecznej strony docelowej tylko wtedy, gdy baner zostanie przesłany do kampanii w systemie Adform i opublikowany.
13. Creatives with SVGNależy zwrócić szczególną uwagę na banery z obrazami lub animacjami SVG (Scalable Vector Graphics). Takie kreacje mogą używać odwołań hashtag (#) w celu wskazania innego elementu zdefiniowanego w tym samym dokumencie HTML. Zazwyczaj takie referencje są używane podczas definiowania <mask>, <clip-path>, <use>, itp. Podczas testowania tego rodzaju kreacji lokalnie, nie powinno być żadnych problemów. Ale jeśli chodzi o wyświetlanie baneru w Adform, a nawet testowanie go w środowisku HTML5 Studio, zasady wzajemnego udostępniania zasobów (CORS) mogą zakazać takiej wymiany informacji między elementami. Dzieje się tak dlatego, że podczas wyświetlania w Adformie kreacja umieszczana jest w osobnym dokumencie (iframe), a w większości przypadków lokalizacja (src) tego elementu iframe nie jest dokładnie taka sama, jak lokalizacja samej strony.Aby uniknąć błędów CORS, może zajść potrzeba zmodyfikowania wskaźników „#”, aby na początku uwzględniały lokalizację elementu iframe (zdefiniowaną w atrybucie „src”). Na przykład,

    <use xmlns:xlink=”http://www.w3.org/1999/xlink” xlink:href=”#Layer1_Fill”></use>

    stanie się

    <use xmlns:xlink=”http://www.w3.org/1999/xlink” xlink:href=”about:srcdoc#Layer1_Fill”></use>

    Uwaga: Ponieważ zwykle „#” odniesienia są zakodowane na stałe w części HTML lub CSS kreacji, musimy dynamicznie pobrać lokalizację dokumentu iframe i umieścić ją przed referencjami przy pomocy JavaScript.

    Przepisywanie stylów CSS

    Poniższy fragment kodu JavaScript może pomóc w przypadku użycia ścieżki klipu CSS w SVG:

    <script>
    //grab the location of the document (iframe)
    var loc = location.href.split(’#’)[0];
    var newStyle = ”;//populate the new CSS stylesheet. Selectors and names should be changed accordingly.

    newStyle += ’.element1_class {clip-path: url(„’ + loc + '#someClipPath”) !important; }’;
    newStyle += ’.element2_class {clip-path: url(„’ + loc + '#someClipPath”) !important; }’;
    //…

    //add the stylesheet to <head> of the document
    addCSS(newStyle);

    function addCSS(css, doc) {
    doc = typeof doc !== 'undefined’ ? doc : document;
    style = doc.createElement(’style’);
    if (style.styleSheet) {
    style.styleSheet.cssText = css;
    } else {
    style.appendChild(doc.createTextNode(css));
    doc.getElementsByTagName(’head’)[0].appendChild(style);
    }
    }
    </script>

    Oto przykład „Przepisywania stylów CSS”. Pobierz 300x300px.

    Zmiana atrybutu „fill”

    Wykonaj ten przykład, gdy musisz zmienić adresy URL:

    <script>
    //grab the location of the document (iframe)
    var loc = location.href.split(’#’)[0];var rects = document.getElementsByTagName(’rect’); //all <rect> tag elements
    var rectsWithFill = []; //all <rect> elements that has „fill” attribute
    var fills = [];

    for (var i = 0; i < rects.length; i++){
    if (rects[i].hasAttribute(’fill’)){
    rectsWithFill.push(rects[i]);
    }
    }

    for (var j = 0; j < rectsWithFill.length; j++){
    fills.push(rectsWithFill[j].getAttribute(’fill’).split('(’)[1].split(’)’)[0]);
    }

    //function to change all fill url references
    function changeFill(el, prefix) {
    for (var i = 0; i < el.length; i++){
    document.querySelector('[*|fill=”url(’ + el[i] + ’)”]’).setAttribute(’fill’, 'url(’ + prefix + el[i] + ’)’);
    }
    }

    changeFill(fills, loc);

    </script>

    Zmiana atrybutu “xlink:href”

    Jeśli chodzi o błędy w korzystaniu ze znacznika <use>, SVG może pomóc w rozwiązaniu poniższego fragmentu:

    <script>
    //grab the location of the document (iframe)
    var loc = location.href.split(’#’)[0];//reference names should be changed accordingly.
    changeHREF(’#Ref_1′, loc);
    changeHREF(’#Ref_2′, loc);
    //…

    function changeHREF(el, prefix) {

    document.querySelector('[*|href=”’ + el + '”]’).setAttribute(’xlink:href’, prefix + el);
    }
    </script>

Klient powinien dostarczyć pliki spełniające następujące warunki:

1. Pliki audio
   1. formaty: MPEG Audio Layer 3 oraz Ogg Vorbis (Oba wymagane)
   2. maksymalna waga: 1 MB
   3. długość: 15 lub 30 sekund
   4. przepływowość bitów (bitrate): od 128 do 320 kb/s (rekomendowane 192kb/s)
   5. częstotliwość próbkowania (samplerate): 44,1 kHz
   6. poziom głośności (integrated loudness): -23LUFS
2. Plik graficzny (wymagany przy pakiecie M-Audio Premium)
   1. grafika jest klikalna, ale nie są wpinane kody odsłon
   2. rozmiar grafiki: 300x250px lub 750x200px – dla Ogg wyłącznie 300x250px
   3. waga: 100kb

• Specyfikacja techniczna pod YT: https://support.google.com/youtube/answer/4603579?hl=pl
• Długość 6, 15 albo 30 sek.
• Filmik na YT musi być embadowany z publicznego konta YT klienta – Powinniśmy otrzymać gotowy już link z filmikiem umieszczonym na YT.
• Specyfikacja non YT: https://techspec.groupminteraction.pl/nexus-specyfikacja/#Video-Preroll

1. Kampanie klient może mierzyć w CM ponieważ Google blokuje inne systemy mierzące. Drugim rozwiązaniem jest rozliczenie się po statystykach  z DV360.
2. Kody kliencie wpinamy w pełne obejrzenia
3. po kampanii GroupM Nexus Solutions podsyła zbiorcze statystyki dla video YT i nonYT.

1. Format reklam: statyczna grafika do 100kb.
2. Podstawowe paczki formatów reklamowych zawiera: 300×250, 300×600, 750×200, 750×300
3. Na kreacji dodawane jest do 4 znaczników. Wymagane jest:
   1. przesłanie linku docelowego do każdego znacznika
   2. napisu, który będzie pojawiał się po najechaniu na znacznik (do 40 znaków)
4. Przyjmowane są kreacje + kody zliczające, nie przyjmowane są tagi emisyjne.