Synchronized Takeover

Table of Contents

Introduction

The format consists of the following parts:

  • Initial 1010 (w) x 150 (h) stage;
  • Two Initial 180 (w) x 1000 (h) stages (left and right sides);
  • Floating 1440 (w) x 1030 (h) stage;
  • Video (optional).

User experience

A user opens the webpage and sees the 1010x150 top banner and two 180x1000 banners in the right and left sides. On click on banners, a floating stage appears that can offer additional video or other rich media experience. The banners accommodate a link to the predefined landing page. The ad maintains this size until the “Close” button top-right click. The ad expands as many times as the user clicks the 1010x150 or 180x1000 banners.

Creative assets

The following items are to be delivered by a creative agency:

  • Standard banner assets containing manifest.json file and HTML file zipped together with images, scripts and other material.
  • Floating banner asset containing manifest.json file and HTML file zipped together with images, scripts and other material.

Manifest.json file should define the ad dimensions and the HTML file which is used as a banner source:

Standard top banner asset:

{
"version": "1.0",
"title": "Adform HTML5 Standard 1010x150",
"description": "Adform HTML5 Standard 1010x150",
"width" : "1010",
"height": "150",
"clicktags": {
"clickTAG": "http://www.adform.com/"
},
"source": "Standard_1010x150.html"
}

HTML file should include Adform HTML library which enables the banner to receive a clickTAG variable:

<script src="https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js"></script>

Standard left-side 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": "Adform HTML5 Left Standard 180x1000",
"description": "Adform HTML5 Left Standard 180x1000",
"width" : "180",
"height": "1000",
"clicktags": {
"clickTAG": "http://www.adform.com/"
},
"source": "Left_Standard_180x1000.html"
}

HTML file should include Adform HTML library which enables the banner to receive a clickTAG variable:

<script src="https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js"></script>

Standard right-side 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": "Adform HTML5 Right Standard 180x1000",
"description": "Adform HTML5 Right Standard 180x1000",
"width" : "180",
"height": "1000",
"clicktags": {
"clickTAG": "http://www.adform.com/"
},
"source": "Right_Standard_180x1000.html"
}

HTML file should include Adform HTML library which enables the banner to receive a clickTAG variable:

<script src="https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js"></script>

Floating 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": "Open Door Floating Ad 1440x1030",
"description": "",
"width": 1440,
"height": 1030,
"events": {
"enabled": 0,
"list": {
}
},
"clicktags": {
"clickTAGvalue": "http:\/\/www.adform.com"
},
"source": "index.html"
}

HTML file should include Adform HTML library which enables the banner to receive a clickTAG variable:

<script src="https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js"></script>

</script>

Specifications

Audio

  • Available on user initiation only (click). Off by default.
  • “Mute button or volume control required.

Video

  • Video starts automatically.
  • Video duration: 30 seconds max. Replay allowed with user initiation.
  • Pause/Play and Full screen buttons controls required.
  • “Close button” in top-right corner is required.

How to setup

Select or upload additional assets in Adform system in the following order:

  1. additional asset1 is screenshot image
  2. additional asset2 is video poster image
  3. additional asset3 is video file (MP4)

Additional info

In order to deliver HTML5 banners fully compliant with the specs, follow the instructions on Producing HTML5 banners in Adform Test and Support Center:
http://support.adform.com/documentation/build-html5-banners/html5-banner-formats/standard-html-ad/

Custom script

The format requires an additional script to be loaded before the tag. In order to set the script, navigate to the Tags section in the Adform system. Then, select the needed tag and click the JavaScript URLs button. Paste in the following URL and tick the “Load before banner” check-box.

Custom URL:
https://s1.adform.net/Banners/Elements/Files/27220/582416/vg_no_iframe.js?bn=%%ADFTAGID%%

Note: Please do not take “banner files” and setup settings from preview test tag (it‘s only for our demo preview). Banner template is available for downloading as a template.

For VG.no and other sites where “Open Door” format is placed into iframes, please check JavaScript functions in index.html file in every call’ing standard format. They should be like this:

For VG.no and other sites where “Open Door” format is placed into iframes, please check JavaScript functions in index.html file in every call’ing standard format. They should be like this:







Other
For any questions please contact traffic@adform.com