This is a very easy to use Synchronized Takeover template.
A user opens the webpage and sees the 980x120 and 300x250 banners in the placement. On click, a 1440x1030 floating stage appears. The Floating stage can offer additional video or other rich media experience. The Floating banner accommodate a link to the predefined landing page. The ad maintains this size until the “Close” button click. The ad expands as many times as the user clicks on the initial standard banners.
The following items are to be delivered by a creative agency:
NOTE: manifest.json file and HTML file should be in the root directory of the .zip file.
The file “index.html” can be adjusted to customize the banner components.
NOTE: In order to use Adform components for HTML, it is necessary to define global preloadQueue array, where you push all the wanted components to preload before script execution and to load Adform.DHTML.js
These are the values that can be changed:
"screenshot" - screenshot url. By default, it uses first additional asset assigned through Additional assets panel;
"alignX" - horizontal screenshot alignment (left/center/right);
"alignY" - vertical screenshot alignment (top/center/bottom)
"offsetX" - horizontal screenshot offset in pixels;
"offsetY" - vertical screenshot offset in pixels;
"direction" - defines screenshot's opening direction (top/right/bottom/left);
"gap" - defines gap between banner side and the opened screenshot in pixels;
"perspective" - animation perspective in pixels;
"rotation" - fully opened screenshot rotation;
"scale" - fully opened screenshot scale;
"clicktag" - banner's / video player's landing page landing page;
"target"- banner's landing page target;
"video" - setting different video parameters;
"sources" - video files;
"poster" - video poster. By default, it uses second additional asset assigned through Additional assets panel.
INFO: Please refer to the Video Player component for more detailed information on component setup and behavior.
Creating Rich Media Banner
In order to create a Rich Media ad, navigate to the Banners page, then click the Create button and select Rich Media Ad option from the drop-down menu.
Creating Initial stage Banners (Standard)
Creating Floating stage Banner
Creating Synchronized Banner
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://test.adform.com/testpage/banner-specifications/
|Desktop browser version|
|Internet Explorer 9 (and bellow)||limited animation|
|Internet Explorer 10 & 11||fully supported|
|Firefox (newest version)||fully supported|
|Chrome (newest version)||fully supported|
|Safari (newest version)||fully supported|