Animated and interactive banners built in HTML, CSS and JavaScript, uploaded as a .zip and served like any banner.
Live zones on a demo account with made-up advertisers. Every click goes through the ad server's clickTag and is counted.
Three HTML5 banners share this zone: a photo carousel, a fare ticker with a live countdown and an interactive “pick your roast” unit — click its buttons, they change the banner instead of opening the ad. Reload the page for another one. Each is an ordinary .zip (index.html, CSS, JavaScript, images) uploaded to the media bank.
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<!-- where it goes -->
<div id="id_12512627"></div>
<script>
goCtrl.add({"display":"id_12512627","sid":12512627,"plugin":"banner"});
</script>A range meter that counts up and fills, then starts again. Small file, no external libraries: plain CSS and a few lines of JavaScript.
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<!-- where it goes -->
<div id="id_12512629"></div>
<script>
goCtrl.add({"display":"id_12512629","sid":12512629,"plugin":"banner"});
</script>A slow zoom on the hero photo and figures that count up as the banner loads. The whole unit clicks through to the advertiser.
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<!-- where it goes -->
<div id="id_12512628"></div>
<script>
goCtrl.add({"display":"id_12512628","sid":12512628,"plugin":"banner"});
</script>Any tool that exports an IAB / clickTag HTML5 banner works, or write one by hand. Three rules:
index.html at the top (or inside one folder), up to 5 MB, with only web files: HTML, CSS, JavaScript, images, fonts, short video or audio.<meta name="ad.size" content="width=300,height=250"> in index.html and it is read from there.?clickTag=<click URL>. Open that on a click — window.open(clickTag) — and the click is counted, then sent on to the ad's destination URL.<meta name="ad.size" content="width=300,height=250">
<div id="ad">Your offer here</div>
<script>
var clickTag = new URLSearchParams(location.search).get('clickTag');
document.getElementById('ad').onclick = function () { window.open(clickTag, '_blank'); };
</script>
About the format: HTML5 rich media ads · Advertiser manual: Ads and creatives · All formats: Ad formats · More demos: all live demos
Every format on this page is part of the GoAdserver ad server. Talk to us about your platform.
Contact us