HTML5 Banners

Unlock the full potential of HTML5 advertising

Creating and deploying interactive HTML5 banners can be a painful experience if you don't have an HTML5 powerhouse like AdvertServe in your corner. We load your HTML5 banners fast with our global CDN and changes are pushed live instantly. Our JavaScript API really sets AdvertServe apart from the competition with support for expandables, pushdowns, takeovers, custom event tracking, HTML5 video, embedded VAST/VPAID feeds, personalization, and more!

GreenSock

This HTML5 banner has been created with GreenSock, which is a complete animation platform. It also uses our HTML5 JavaScript API extensively. The functionality driven by our API includes expanding into a lightbox, tracking multiple counter events, multiple exit links, and also a tracking the playback rate of an HTML5 video.

Check out this test page to see all of the tracking points and feel free to download the creative files to see how it all works.

Webflow

Who says banners need to whisk users off to another web site? Here is a unique HTML5 banner that was designed with Webflow and it enables users to set a reminder to watch a TV show on their calendar while also using our HTML5 JavaScript API to track how many users are converted.

Check out this test page to see all of the tracking points and feel free to download the creative files to see how it all works.

Recommended HTML5 Tools

Many other tools are available and custom coding HTML5 banners with animation frameworks such as CreateJS, GreenSock, or Webflow is also great way to go.

Permitted File Types

HTML5 assets should be bundled into a single ZIP file (max 2.5 MB) containing exactly one .html file.

It may also contain any number of the following types of files, which can optionally be organized into sub-folders: .css, .eot, .gif, .htc, .ics, .jpg, .js, .json, .otf, .svg, .png, .ttf, .woff, and .woff2

Click Tracking Methods

We support the emerging window.clickTag standard for tracking clicks on HTML5 banners. For guidance, please visit www.html5clicktag.org There you will find instructions for manually implementing a clickTag as well as a visual guide for Adobe Edge users.

However, implementing a clickTag is not necessary! We will automatically insert a clickTag if one is not detected.