MRAID Interstitial
Table of Contents
- Introduction
- User experience
- Creative assets
- Specifications
- HTML5 Studio
- How to setup
- Additional info
Introduction
MRAID Interstitial offers a rich user experience, utilizing all allocated screen space to serve a full screen ad. It is specifically optimized for mobile devices and tablets and it can contain images as well as interactive rich media.
User experience
A user opens the webpage or an application and immediately sees a full screen interstitial ad. Close button is added automatically to the top-right corner which can be further customized by the client's needs.
Creative assets
The following items are to be delivered by a creative agency:
- Banner asset containing manifest.json file and HTML file zipped together with images, scripts and other material.
- If the banner has an image as a background, a compressed JPEG/PNG image.
Specifications
- Close button is required at the top right corner.
HTML5 Studio
| Feature | Technical Documentation | HTML5 Studio |
|---|---|---|
| Interstitial | Documentation | Template |
| Video | Documentation | Template |
How to setup
- In the Initial Settings step, name your banner, select Category as “Mobile” and Format as “Interstitial”. Select a Banner Batch from the drop-down menu.
- When it's done, click the Next button.
- In the next step, you are asked to select or upload assets. If you have previously uploaded the assets to the system, click the Select button and choose Banner source. Make sure that the clickTAG is present.
- Click the Next button and adjust the Settings.
- When done, click the Save button in order to see the preview. If everything is fine, click the Submit button.
Additional info
In order to deliver MRAID banners fully compliant with the specs, please follow the instructions on Producing MRAID banners in Adform Test and Support Page.
Loading image as a background
In order to use an image as a background, upload the background image as a first asset in the additional assets tab.
Using custom close button
The following code has to be added to the JavaScript part:
mraid.useCustomClose(true);
The close button can be styled using HTML/CSS.
Supported Browsers
| Mobile Operating System | Browser |
|---|---|
| iOS 7.1 (and above) | Safari & Chrome |
| Android 5.0.1 (and above) | Native, Chrome & Firefox |
| Windows Phone 8.1 | IE 11 |
Other
- For mobile serving related questions write: [email protected];
- For technical questions write: [email protected];
- For traffic questions: [email protected];
- For format certifications: [email protected];
- For more details about format production: please contact our local office.