Zpět do katalogu reklam

Technické specifikace reklam

HTML5

Jedná se o zcela plnohodnotný fragment HTML, který bude do stránky vložen v tagu iframe.

TECHNICKÉ SPECIFIKACE

Požadovaný typ souboru

Bannery ve formátu HTML5 je nutné dodávat jako samostatný archiv s příponou ZIP.

Pojmenování archivu ZIP

Pro snadnou manipulaci s bannery ve formátu HTML5, pojmenujte každý archiv ZIP tímto způsobem: Klient+Akce+HTML5+rozmě/název banneru (př.: CSOB_Karty_HTML5_300x600.zip). Výrazně tím urychlíte celý proces nasazení banneru do reklamního systému.

Struktura banneru

Archiv banneru HTML5 (ZIP) musí obsahovat spouštěcí soubor s příponou „.html“ a případné všechny další soubory, které jsou nutné k bezchybnému zobrazení banneru ve stránce. Všechny soubory a adresáře musí být uloženy v první úrovni archivu, tj. bez složek a podsložek

Podporované typy souborů

V rámci archivu banneru HTML5 (ZIP) jsou povoleny všechny níže vyjmenované typy souborů:

  • CSS
  • JS
  • HTML
  • JSON
  • GIF
  • PNG
  • JPG
  • SVG
  • WOFF/WOFF2
  • EOT
  • XML

Počet a názvy souborů

  • Počet všech souborů v archivu HTML5 banneru nesmí překročit hodnotu 40.
  • Názvy souborů v archivu nesmí obsahovat diakritiku a speciální znaky. Pokud je banner generován externím programem (Adobe Edge Animate, Google Webdesigner), je nutné se před exportem banneru ujistit, že názvy vrstev diakritiku či speciální znaky neobsahují.

Načítání dat z externích zdrojů

Do datového limitu nejsou počítány velikosti scriptů, knihoven nebo datové zdroje externích služeb, které jsou staženy až po umístění do stránky. Důrazně však doporučujeme jejich vystavování z rychlých a bezvýpadkových CDN, aby došlo k eliminaci chyb v důsledku pomalých odpovědí z CDN.

Doporučené externí zdroje:

  • fonts.googleapis.com
  • code.jquery.com
  • s0.2mdn.net/ads/studio/
  • s1.adform.net
  • cdn.jsdelivr.net/npm/lottie-web
  • ajax.googleapis.com/ajax/libs/jquery/
  • code.createjs.com/createjs
  • code.createjs.com/1.0.0/createjs.min.js
  • cdnjs.cloudflare.com/ajax/libs/bodymovin/

Při načítání podpůrných knihoven musí adresa scriptu začínat dvěma lomítky (viz příklad níže).

Správně: <script src="//cdn.example.com/file.js"></script>
Špatně: <script src="http://cdn.example.com/file.js"></script>

Nastavení prokliku

V rámci HTML5 banneru je podporováno přesměrování pouze na jednu URL, kterou je nutné zaslat spolu s bannerem zvlášť. Celá prokliknutelná část banneru (element <a> s atributem href, žádný onclick). Cílovou adresu do atributu href nastaví náš reklamní systém. Použití JavaScriptu (např. window.open();) není povoleno.

Správná funkčnost

Pozor! Za správné zobrazení v jednotlivých prohlížečích odpovídá výrobce, který musí zajistit bezproblémovou funkčnost ve všech majoritních prohlížečích, včetně mobilních verzí.

Upozornění

  1. V archivu banneru může být pouze jeden soubor s příponou „.html“.
  2. Uvnitř iframu se nesmí odehrát žádné přesměrování (nebo jiná změna adresy) způsobující, že kliknutí na tlačítko Zpět v prohlížeči na naší stránce nepovede na předchozí stránku.
  3. Prokliknutelná část banneru musí mít při najetí myší standardní kurzor ruky, který mívají odkazy. Neprokliknutelné části musí mít normální kurzor.
  4. Banner si nesmí ukrást focus nebo způsobit odchod z naší stránky bez standardní explicitní akce uživatele (tj. bez kliku myší, bez stisknutí enteru, bez dotyku ukončeného v místě, kde začal).
  5. Banner nesmí vydávat zvuky bez najetí myši nebo bez explicitní akce uživatele.
  6. Část uživatelů používá jinou výchozí velikost písma. Nevyžadujeme, aby banner vypadal při všech velikostech stejně, jen upozorňujeme, že je vhodné na tuto pružnost prostředí nezapomínat (zamezit jí nelze).
  7. Dodaný banner nebo kreativa nesmí nadměrně zatěžovat procesor a využívat paměťové zdroje zařízení, na kterém se zobrazuje. Při hodnocení vycházíme z doporučení iAB, kdy by jednotlivé kreativy neměly vyžadovat více jak 30 % dostupných prostředků CPU (vztaženo k průměrné uživatelské základně). Při nadměrné zátěži a využívání systémových prostředků dodanou kreativou si vyhrazujeme právo na její odmítnutí.