Midscroll

A full-screen ad between the articles, also called an interstitial or fullscreen. It takes the whole screen as the reader scrolls past, then the content carries on.

PlacementBetween the content
SizeFull screen
DevicesMobile, tablet, desktop
How to design an ad the reader scrolls through →
Run the live demo TVNorge, drag the winner. Built in Madington Station.

Midscroll specs

Two assets, one build. Station adapts the ad to every screen and gives you the tags.

FormatMidscroll
DevicesMobile, tablet, laptop
DimensionsResponsive, the full screen
File types.mp4 .mov .webp .webm .svg .jpg .png
Landscape asset1920×1080 · safe area 1400×940
Portrait asset1080×1920 · safe area 940×1670
Square asset1080×1080 · safe area 528×940
Landscape1920×1080
Portrait1080×1920
Square1080×1080

Designing the assets

  1. Let's create two video or image assets to make sure it looks great on all devices. Choose a 1080x1920 px video/image or 1080x1080 for mobile/portrait. Make sure that the logo, text and CTA are placed within the portrait safe area of 940x1670 px (1080x1920) or 528x940 px (1080x1080). Then, add another video in 1920x1080 px, with the placement of the logo, text and CTA landscape safe area of 1400x940 px in mind.
  2. You can also use a clean video or image as background and use the overlay option in Station to upload an image (svg, png etc.) containing for example text, logo and CTA. This is a good way of keeping the text etc. extra crisp or if you want to produce multiple versions of the same ad without having to produce multiple videos. Produce the image overlay in the same sizes as for the video or image and use the same safe areas.
  3. If your video or image is not quite according to safe areas and you don´t have time or means to produce accordingly there are scaling and alignment options you can use.
  4. Also, please note that your choice of publicist may require other safe areas, so check with them before creating your ad.
  5. You can also choose to produce for mobile or desktop views only. If so, you will receive a set of ad tags with your responsive html Midscroll display ad adapted for that purpose.

Midscroll FAQ

What is a midscroll ad?

A full-screen high impact ad that appears before, after or between the content of a page. The reader scrolls into it, and on past it.

Is a midscroll the same as an interstitial?

Yes. Publishers also call it an interstitial or a fullscreen. The specs on this page work for all of them.

Which assets do I need?

A 1920×1080 asset for desktop and landscape, and a 1080×1920 (or 1080×1080) asset for mobile and portrait, with logo, text and CTA inside the safe areas.