Format Showcase · v1.0
Ad Format · Documentation

The carousel ad, refreshed every five seconds.

A rotating display unit that requests a new ad just before each slide transition — so viewability stays high, and the inventory keeps turning over in the background, slide after slide.

01 / ConceptHow the format works

The carousel is a single ad slot that contains multiple slides. A thin progress bar sits across the top of the unit. Each slide is displayed for 5 seconds, then the next slide takes over. When the last slide finishes, the loop returns to the first.

The novel part is in the timing of the ad call. Just before a slide is about to appear, the format fires an ad request for that specific slot. The creative is loaded and rendered moments before it becomes visible. This way the slide that the user actually sees is one that was just requested — so viewability is high — and the carousel can keep cycling fresh inventory throughout the page session.

— Timing diagram
CALL
Slide 1 · 5s
CALL
Slide 2 · 5s
CALL
Slide 3 · 5s
t = 0s t = 5s t = 10s t = 15s

02 / PlacementsWhere it lives on the page

This showcase demonstrates two placements running simultaneously: a 300×600 display unit and a sticky bottom bar anchored to the bottom of the viewport. Both run their own independent carousel rotation.

"Fresh creative every five seconds, requested just-in-time."

03 / Video slidesThe exception to the 5-second rule

When a video creative is served into the carousel, it doesn't follow the timer. Instead the slide remains active for as long as the video runs, and rotation only resumes once playback completes. The progress bar reflects the actual playback position rather than a fixed countdown.

The sticky bottom bar in this showcase contains a video slide — watch the bottom of your screen and you'll see the bar expand and the player take over for the duration of the clip before handing back to the standard 5-second slides.

— Implementation note

In production the carousel would call your ad server with the slot ID and slide index. On onSlideEnd it triggers the next request. Each slide can be a different ad from a different buyer — the carousel is an inventory multiplier, not just a single creative with multiple panels.

04 / Try it yourselfSwitch between views

Use the toggle in the top right to flip between the desktop layout and a mobile device emulation. The mobile view also activates automatically when this page is loaded on a mobile-sized screen. You'll see how the 300×600 unit moves from sidebar to in-content, and how the sticky bottom bar adapts its height between display and video modes.

Keep watching the units — every five seconds (or whenever the video ends) the next slide is requested and rendered. That's the carousel ad format in motion.

— End of showcase. Built for demonstration purposes. All ads shown are fictional placeholders.

— Advertisement
Ad Format · Documentation

The carousel ad, refreshed every five seconds.

A rotating display unit that requests a new ad just before each slide transition — so viewability stays high, and the inventory keeps turning over.

01 / ConceptHow it works

The carousel is a single ad slot containing multiple slides. A progress bar sits at the top. Each slide is displayed for 5 seconds, then the next slide takes over.

The novel part is the timing. Just before a slide appears, the format fires an ad request for that slot — so the creative is loaded moments before it becomes visible. Viewability stays high and inventory keeps cycling.

02 / In-contentOn mobile the 300×600 lives here

Instead of a sidebar, the half-page unit is rendered inline between paragraphs. Same carousel logic, same 5-second rotation.

03 / Video slidesWait for completion

When a video slide is served, rotation pauses until the video ends. Look at the bar at the bottom of this device — when a video takes over, the bar expands from 100px to 180px to give the player room.

04 / Sticky bottomSlim, persistent, refreshing

The bar at the bottom runs its own independent carousel and stays pinned as the user scrolls. It's 100px high in display mode and 180px when a video is playing.

— End of showcase.