Mobile Skin is a high impact mobile format, that consists of a sticky anchor banner that expands into a full-screen creative on interaction. The sticky banner element is always visible, ensuring high visibility, and gently encourages users to swipe to trigger the expand.
Example
Recommended default creative dimensions
It is possible to use either static (image/video), or responsive (HTML) assets for the anchor banner and fullscreen banner.
Anchor Banner
When working with static assets (image or video), allow a 5% exclusion zone around all sides, as creative may appear cropped on some screens (both width and height could appear cropped).
-
Static (Image/Video): 800x200px (JPG/MP4)
-
Responsive (HTML5): 100% x 100% (800x200)
Fullscreen Banner
When using static assets, allow a 5% exclusion zone at the very top and bottom, as creative may appear cropped on some screens.
-
Static (Image/Video): 1080x1920px (JPG/MP4)
-
Responsive (HTML5): 100% x 100% (1080x1920)
Format description and guidance
The height of the anchor banner can vary according to publisher preference, but by default it is 100px. It can appear anchored to either the top or the bottom of the screen (again, according to publisher preference).
A “swiping hand” animation will automatically be added to the banner to encourage users to swipe and expand the creative, and a close button may appear in the top right corner.
On the fullscreen expand creative, a close button will be added to the top right corner, so avoid placing anything important there that you wouldn’t want to be covered by it.
Max total file weight
3.5 MB
For best performance, all assets should be compressed and optimized to the lowest possible file weight. We recommend using tinypng.com to compress PNGs.
Click tags and tracking
The template supports two separate click trackers - one for the anchor banner, and another for the expanded full-screen creative. Impressions tracking pixels are fired from the anchor banner.
Audio
Muted by default, user initiated.