Making a zone responsive

Responsive basics

For a zone to be responsive means it resizes based on the webpage its on. Although AdButler's zones are required to have set dimensions, changing the responsive options can allow them to shrink to match. Depending on how your web page is set up, and what type of ad item you're serving, you'll want to change the behaviour of the zones to match.

AdButler has two major ways to employ responsiveness: resizing or platform targeting.

If you're working with specific advertisers, always ask them how they want to deal with responsiveness. Often times, they'll have multiple sizes of the same ad item they wanted to be delivered, as opposed to resizing one ad item.

Note that responsive types cannot be applied to flexible zones.

Resizing a zone

By changing the Responsive setting of a zone, you can set how you want it to behave in certain situations. HTML5 Rich Media Ad Items are incompatible with the responsive settings, and Custom HTML ad items only resize if they're delivered via our JavaScript (not Asynchronous JavaScript) zone tags.

Setting a zone's resizing behaviour

  1. Open the zone you wish to change on the left-hand side of the AdButler dashboard. It may be located under a publisher (click the +)
  2. Click the Edit Zone Properties button on the right-hand side.
  3. Select a behaviour from the Responsive drop-down menu (Automatic is recommended).
  4. Click the Save button at the bottom of the screen to update the zone settings.

Resizing Behaviour

Standard Fixed Dimension Delivery AdButler will always deliver the zone at its set size. This may sometimes result in the ad spilling over the page, over being cut off.
Automatic Dimension Resizing The zone will resize to either the size of the container it's in or the set size for the zone, whichever is smaller. To use this feature properly, make sure the container the zone is it is also responsive.
No Dimensions, Inherit From CSS On Page AdButler will deliver the zone without any dimensions, allowing the CSS on the page to resize it.

Can't find what you're looking for?

Send us an email

Visit the blog

For more ad serving tips, industry news and AdButler insights.