Česky

HTML5

It is a completely full-featured HTML fragment, which will be inserted into the page in the iframe tag.

Technical specifications

HTML 5 banner example Download source files

The file type

HTML5 banners must be delivered as a standalone .ZIP archive.

Naming ZIP archive

For ease of handling HTML5 banners, name each ZIP archive as follows: HTML5 + size + nameOfTheBanner (ex.: HTML5_970x210_leaderboard.zip). This will also significantly speed up the process of deploying a banner to the advertising system.

Banner structure

HTML5 banner archive (.ZIP) must contain a main file with the extension ".html" (ex.: index.html) and any other files, that are necessary for a faultless display of the banner. All files and directories have to be stored in the root of the archive.

Supported file types

The allowed files in HTML5 banner archive (ZIP) are listed below:

  • CSS
  • JS
  • HTML
  • GIF
  • PNG
  • JPG
  • SVG
  • WOFF
  • TTF
  • EOT

Number of files

The number of files in the HTML5 banner archive must not exceed 20.

Data size

The maximum data size of HTML5 banner is composed of a data size limit for basic image type of banners in the selected size, which may be increased by up to an additional 100 KB.

Example: 100 KB (Leaderboard JPG) + 100 kB = 200 kB (banner HTML5). The total data size of HTML5 banner is determined by the size of all the files after packing into a ZIP archive.

Loading data from external sources

Additional loading of data from external sources is not allowed. Excluding supporting libraries stored on CDN (Adobe Edge Animate, Google Webdesigner, Swiffy).

When loading support libraries, the script adress must start with two forward slashes (see example below).

Correct: <script src="//cdn.example.com/file.js"></script>
Wrong: <script src="http://cdn.example.com/file.js"></script>

Setting a click-through

Within HTML5 banner redirection is supported only on one URL, which must be sent together with the banner separately. Click can be defined via HTML (see. example below), or may not be defined at all (will be added automatically). Click via JavaScript (eg. Window.open();) is not allowed.

Click-through example

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

Correct functionality of banner

Warning! For correct display in different browsers corresponds to the manufacturer, who must ensure trouble-free operation in all major browsers, including mobile versions.

Notice

  1. There can only be one file with the ".html" extension in the banner archive.
  2. Filenames in the banner archive must not contain special and accented characters. If the banner is generated by an external application (Adobe Edge Animate, Google Webdesigner, Swiffy), it is necesarry to make sure there are no special or accented characters present in the layer names before exporting the banner.