PRODUCTION
GUIDE
Adform – MRAID Mobile
Sticky Top In-View Ad
(320x320)
Production Guide
1
Table of Contents
MRAID Mobile Sticky Top In-View Ad (320x320)
2
User Experience
2
Creative assets
2
Banner asset
2
Specs
3
Additional Information
3
Other
3
2015.05.15
Production Guide
2
MRAID Mobile Sticky Top In-View
Ad (320x320)
The format consists of the following parts:


Sticky Top 320 (w) x 50 (h) (640 (w) x 100 (h) Retina) asset;
Main 320 (w) x 320 (h) (640 (w) x 640 (h) Retina) asset.
User Experience
A user opens a webpage and in the top of the website sees 320x320 px standard ad. When user
scrolls down the page and this ad becomes not visible, in the top of the screen there appears sticky
320x50 px ad which remains there all the time. The “Close” button allows closing the ad anytime.
Creative assets
The following items are to be delivered by a creative agency:


2 image files: 320x320 px (640x640 px Retina) and 320x50 px (640x100 px Retina);
Banner asset containing manifest.json file and HTML file zipped together with images,
scripts and other material.
Note: manifest.json file and HTML file should be in the root directory of the .zip file.
Info: Sticky banner asset (320x50) is loaded from the system, not from a local folder.
Banner asset

Manifest.json file should define the ad dimensions and the HTML file which is used as a
banner source
{
"version": "1.0",
"title": "MRAID Sticky Top In-View",
2015.05.15
Production Guide
3
"description": "",
"width": "320",
"height": "320",
“events”: {
“enabled”: 1,
“list”: { }
},
"clicktags": {
"clickTAG": "http:\/\/www.adform.com"
},
“source”: “index.html”
}

You should include the MRAID library in the banner <head> section:
<script src="mraid.js"></script>

The following JavaScript code can be used as a clickTAG value assigned to the banner:
<script>
var banner = document.getElementById('banner');
banner.onclick = function() {
mraid.open("");
</script>
Specs

MRAID specifications available in the MRAID Documentation.
Additional Information
For iOS devices it is advised to choose bigger images in order to make the use of Retina displays of
high resolution.
Other
For any questions please contact [email protected].
2015.05.15