HTML5

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

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í.

Ukázka HTML5 banneru Zdrojové soubory ke stažení

Požadovaný typ souboru

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

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.

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
  • TTF
  • EOT
  • XML

Počet souborů

Počet všech souborů v archivu HTML5 banneru nesmí překročit hodnotu 40.

Datová velikost

Celková datová velikost HTML5 banneru se posuzuje podle velikosti všech souborů po zabalení do archivu ZIP.

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

Dodatečné načítání dat z externích zdrojů není s výjimkou podpůrných knihoven uložených na CDN povoleno.

Povolené 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 „https://“ (viz příklad níže).

<script src="https://cdn.example.com/file.js"></script>

Cílová URL adresa

V rámci HTML5 banneru je podporováno přesměrování pouze na jednu URL.

Cílovou URL adresu je nutné zaslat spolu s bannerem zvlášť. Proklik nemusí být definován vůbec (doplní se automaticky), případně může být definován prostřednictvím HTML (viz ukázka níže). Použití JavaScriptu (např. window.open();) není povoleno.

<a href="http://www.domena.cz" target="_top">
    <div id="rectangle">
        … 
    </div>
</a>
RTB

Proklik je nutné implementovat dle požadavků adserveru, ze kterého bude banner vydáván (aby se v dané platformě spravující kampaň počítaly prokliky). Pro každý adserver se specifikace může lišit.

Dokumentace:

Upozornění

  1. V archivu banneru může být pouze jeden soubor s příponou „.html“.
  2. Názvy souborů v archivu nesmí obsahovat diakritiku a speciální znaky. Pokud je banner generován externím programem (Adobe Edge Animate, Google Web Designer), je nutné se před exportem banneru ujistit, že názvy vrstev diakritiku či speciální znaky neobsahují.
  3. Animované HTML5 bannery nesmí nadměrně vytěžovat systémové prostředky zařízení koncového uživatele. Pokud reklama využívá příliš mnoho zdrojů, může se stát, že ji některé prohlížeče zablokují a nezobrazí.

Doplňující informace

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

Pro Přímý prodej a Sklik lze správné vytvoření banneru ověřit v nástroji pro Kotrolu HTML5 bannerů.

Kontrola HTML5 bannerů