Mobile Midscroll Anchor pairs a full-screen Mobile Midscroll with a slim anchor banner pinned to the bottom of the screen. The anchor is visible as the reader scrolls towards the Midscroll, hides while the Midscroll is in view, and returns once it has scrolled past, so the brand stays present across the whole article instead of a single moment.
Examples
Volkswagen
Adore (Image anchor)
Adore (Video anchor)
Adore (HTML5 anchor)
Admire
Advance (Scratch + Switch anchors)
Advantage (Video Player + Slider anchors)
How it works
The format is built from three parts, each set up as its own step in the Suite:
1. Midscroll Banner - the main creative. It behaves exactly like a standard Mobile Midscroll, revealed through a window in the article as the reader scrolls.
2. Pre Banner - the anchor shown at the bottom of the screen before the Midscroll comes into view.
3. Post Banner - the anchor shown after the Midscroll has scrolled out of view.
The anchor fills the full width of the screen and is 15% of the screen height by default (some publishers set a different height, so build it to flex). A close button is added automatically in the top right corner, so keep that corner free of essential content. Once the reader closes an anchor it stays hidden for the rest of the page view.
Format settings
Creative Height - visible height of the Midscroll as a share of the screen height: 50%, 80% (default), 100% or 150%.
Anchor Mode - PRE & POST (default) shows an anchor before and after the Midscroll, PRE ONLY drops the post anchor and POST ONLY drops the pre anchor.
The pre and post anchors can carry different messages (for example a teaser before and an offer after), or use the same creative in both positions.
The Midscroll section
The Midscroll section uses the standard Mobile Midscroll templates, and the same specs apply. Build it using the relevant Mobile Midscroll specs: Image, Video, HTML5, Video with Overlays, Responsive Slider, Mobile Photostack or Video (blurred background).
Anchor banner options
Image Anchor - a single wide image, the simplest option.
Video Anchor - a streaming video strip, muted by default.
HTML5 Anchor - a custom responsive zip for animated or interactive anchors.
Fluid Display Scratch - the reader scratches the anchor to reveal an offer.
Fluid Display Switch - the reader switches between two or more products or colourways.
Fluid Display Video Player - a video player with branded background and overlays.
Responsive Slider - a before and after comparison slider with streaming video support.
Max total file weight
The total file weight of all assets (Pre Banner + Midscroll Banner + Post Banner) must not exceed 3.5 MB. For best performance, all assets should be compressed and optimised to the lowest possible file weight.
Animation
Maximum of 5 loops. Maximum animation time 30 seconds (may vary by publisher).
Audio
Any audio must be user-initiated.
Trafficking checklist
1. Create a Mobile Midscroll Anchor creative in the Suite.
2. Set Creative Height and Anchor Mode.
3. Choose and build the Midscroll Banner.
4. Choose and build the Pre and Post Banners (skip whichever one Anchor Mode leaves out).
5. Preview on a phone, scrolling past the Midscroll, to check both anchors and the close button.