Banner zones serve image or HTML banners of their own size. The ad server picks a banner that fits, counts the view and sends the click to the advertiser.
Every unit below is a live zone on a demo account with 15 made-up advertisers. Reload the page to see other banners.
The big horizontal units at the top of a page: a 970 × 250 billboard above the site and a 728 × 90 leaderboard under the site header. On a phone this demo scales them down to fit; on a real site you would show the mobile size instead.
970 × 250 billboard
728 × 90 leaderboard
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<!-- Banner - 970x250 -->
<div id="id_12512515"></div>
<script>
goCtrl.add({"display":"id_12512515","sid":12512515,"plugin":"banner"});
</script>
<!-- Banner - 728x90 -->
<div id="id_12512511"></div>
<script>
goCtrl.add({"display":"id_12512511","sid":12512511,"plugin":"banner"});
</script>The classic sidebar and in-content sizes. Each zone serves banners of its own size only; an advertiser uploads one creative per size and the ad server picks the right one.
300 × 250 medium rectangle
300 × 600 half page
160 × 600 skyscraper
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<!-- Banner - 300x250 -->
<div id="id_12512510"></div>
<script>
goCtrl.add({"display":"id_12512510","sid":12512510,"plugin":"banner"});
</script>
<!-- Banner - 300x600 -->
<div id="id_12512514"></div>
<script>
goCtrl.add({"display":"id_12512514","sid":12512514,"plugin":"banner"});
</script>
<!-- Banner - 160x600 -->
<div id="id_12512512"></div>
<script>
goCtrl.add({"display":"id_12512512","sid":12512512,"plugin":"banner"});
</script>The 320 × 50 unit for phones, here as a sticky banner at the bottom of a mobile page.
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<!-- where it goes -->
<div id="id_12512513"></div>
<script>
goCtrl.add({"display":"id_12512513","sid":12512513,"plugin":"banner"});
</script>A banner without a fixed size: it fills whatever width its column has. Drag the bottom-right corner of the dashed box to make the column narrower or wider and watch the ad follow.
↘ drag the corner
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<!-- where it goes -->
<div id="id_12512517"></div>
<script>
goCtrl.add({"plugin":"dyn_banner","sid":12512517,"display":"id_12512517"});
</script>A banner docked to the bottom of the screen with a header bar; the visitor opens and closes it. It stays in place while the page scrolls. Look at the bottom left of your screen: that is this zone.
↙ The fixed banner is live in the bottom-left corner of your screen. Click its header to open it.
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<script>
goCtrl.add({"plugin":"fxim_banner","sid":12512516,"default_icon":"","default_title":""});
</script>A skin turns the background around the page into the ad: a tile repeated behind the content, clickable outside the content column. Here it is bound to the demo page below with bindto; on a real site it takes the page background.
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<script>
goCtrl.add({"plugin":"skin","bindto":"#skin-demo","sid":12512518,"subid":""});
</script>Every format on this page is part of the GoAdserver ad server. Talk to us about your platform.
Contact us