Sticky & Floating Ad Units

Two sticky formats: the footer bar (position:fixed bottom bar with close button, slides in on creative render) and the floating outstream video player (follows visitor to bottom-right on scroll).

Advlume supports two types of sticky/floating ad units: the sticky footer bar (a fixed banner anchored to the bottom of the viewport) and the floating video player (an outstream video that follows the visitor when scrolled away). Both are managed automatically by the wrapper — no JavaScript is needed beyond the standard snippet.

Sticky footer bar

How it works

Adding data-advlume-format="footer" to a slot activates the sticky footer behaviour. The wrapper:

1. Creates a fixed position:fixed; bottom:0; left:0; right:0 container bar above your page content.
2. Auctions the slot and renders the winning creative centred inside the bar.
3. Slides the bar up from below the viewport once the creative renders (CSS transition, 350ms).
4. Shows a close button (×) above the top-right of the bar. The visitor can dismiss it at any time — the bar slides back down and is removed.

The bar uses a dark semi-transparent background (rgba(0,0,0,0.85)) and a high z-index (9998) to stay above page content without blocking it entirely.

Snippet

<div
  data-advlume-site="YOUR-SITE-UUID"
  data-advlume-slot="footer"
  data-advlume-format="footer"
></div>

Place this div anywhere in your page body — the wrapper moves it to a fixed bar regardless of where in the DOM it appears.

Size behaviour

The footer slot uses a wide default size set: desktop sizes (970×250, 970×90, 728×90, 468×60) and mobile sizes (320×100, 320×50, 300×250, 300×100, 300×50). The viewport filter ensures only sizes that fit the current screen width are requested.

Floating video player (outstream)

How it works

Outstream video slots (data-advlume-format="outstream") include automatic floating behaviour. When a video is playing and the visitor scrolls the player out of view:

1. The player detaches from its original position and repositions to the bottom-right corner of the viewport (position:fixed; bottom:20px; right:20px), sized at 400px wide.
2. A close button on the floating player lets the visitor dismiss it.
3. When the visitor scrolls back to the original position, the floating player returns to its inline position.

User experience considerations

• One footer per page. Do not add multiple footer format slots to the same page. Only the first one will activate; subsequent ones will be silently ignored.
• Combine with a content unit. A sticky footer works best alongside regular in-content banner placements — the footer supplements existing revenue rather than replacing it.
• Mobile performance. The sticky footer is one of the highest-CPM mobile placements available. It is always in view while the visitor reads, achieving near-100% viewability.

Further reading

• Outstream Video Ads — details on the video ad format and specifications
• Best Practices for Ad Placement — where to place units for maximum yield
• Adding Ad Unit Divs — the full snippet reference