Reference for standard IAB display units and interstitial demos on our internal Django / Wagtail integration (render_ad_slot).
This page documents in-app (Wagtail) delivery: server-rendered HTML from the adserver. Interstitials below use the public embed and iframe endpoints (same as third-party sites, but triggered here for QA).
The billboard is a wide horizontal unit above the fold on desktop-heavy sites. Common aliases: premium top, 970×250. It is often used for brand campaigns on home pages and section fronts where horizontal real estate is available.
Slot slug: blog-970x250
Masthead (970×90) and super leaderboard describe this full-width strip. Typical placement: top of site or below the global header. On this demo site a 970×90 also appears in the footer strip for a second high-visibility horizontal placement.
Slot slug: blog-970x90
The leaderboard is the classic IAB horizontal for article and list pages. Aliases: 728 leader, top banner. This slot uses a responsive preset so the image scales down on narrow viewports while staying within the declared maximum width.
Slot slug: blog-728x90
468×60 is the traditional full banner, still common in forums, email-style layouts, and smaller content columns. Good when a leaderboard is too wide for the container.
Slot slug: blog-468x60
The mobile banner (320×50) is optimized for phones and in-app webviews. Often called smartphone banner or mobile leaderboard. This preset is marked responsive so creatives can shrink within the viewport.
Slot slug: blog-320x50
The medium rectangle or MPU (300×250) is the workhorse of display: sidebars, in-article breaks, and card grids. High fill rates and flexible placement make it the default reference size for programmatic and direct sold display.
Slot slug: blog-300x250
Large rectangle (336×280) offers slightly more visual weight than the MPU in the same column width. Common in right-rail and below-the-fold placements where publishers want a bit more creative canvas without jumping to half-page height.
Slot slug: blog-336x280
The square (250×250) fits dense sidebars and card-style layouts. Sometimes called small square. Useful when vertical space is limited but a block placement is still needed.
Slot slug: blog-250x250
300×100 is a shallow horizontal rectangle—between a mobile banner and an MPU in height. Works well in feeds, notification-style rows, or secondary horizontal slots.
Slot slug: blog-300x100
Half-page (300×600) is a tall sidebar unit with strong viewability when sticky sidebars are used. Also referred to as 300×600 half page or wide skyscraper in some networks.
Slot slug: blog-300x600
Portrait (300×1050) is an extra-tall unit for premium sidebar takeovers. Use sparingly; pair with layout that reserves height to limit cumulative layout shift (CLS).
Slot slug: blog-300x1050
Wide skyscraper (160×600) is a narrower tall unit than 300×600—classic right-rail when the column is tight. Good balance of visibility and column fit.
Slot slug: blog-160x600
Skyscraper (120×600) is the narrow vertical standard for legacy sidebars. Still requested in media plans where rail width is minimal.
Slot slug: blog-120x600
88×31 is the historic micro button size (badges, partner links, affiliate rows). Low intrusion; useful for footers, partner strips, and compact disclosure adjacency.
Slot slug: blog-88x31
Uses the adserver Phase 7 vignette path: the signed embed.js loads JSON and opens a near full-viewport overlay when you click the button. Creative is 300×250 in a centered card; slot slug blog-interstitial-vignette. Common names: interstitial, overlay takeover (lightbox-style, not a new browser window).
A dialog-style placement: the creative loads in an <iframe> pointing at /ads/render/<token>/, isolating CSS/JS like third-party embeds. Slot slug blog-interstitial-modal-300x250. Useful for HTML-heavy creatives and parity with off-site iframe tags.
On Blog, FAQ, Glossary, and this page, a fixed strip is attached to the bottom of the viewport (slot blog-footer-anchor-728x90) with a session-dismissible close control. The live fixed unit loads outside this scroll area via the site template. Below is an in-page preview of the same slot and chrome, using a separate dismiss state so you can still see it after closing the fixed bar.
Slot slug: blog-footer-anchor-728x90
In-page preview (same creative as fixed chrome)
{# Sticky bottom anchor (IAB-style); slot blog-footer-anchor-728x90. Session dismiss via Alpine + sessionStorage. Optional: footer_anchor_variant "fixed" (default) | "inline"; footer_anchor_storage_key for independent dismiss state. #}