This is a highly customizable and very easy to use IAB Pushdown template.
A user opens the webpage and sees the collapsed 1000x100 banner on the top of the page. On click, the banner expands to 1000x400 and pushes web page’s content down. Once expanded, the banner can offer additional video or other rich media experience. The expanded banner accommodates a link to the predefined landing page. The ad maintains this size until “Close” button is clicked. The ad expands as many times as the user clicks on the banner.
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:
"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.
Audio
Video
Component/feature | Technical Documentation | Template in STUDIO |
---|---|---|
Auto Close | Contact RM Support | |
Chatterbox Component | Documentation | Template |
Countdown Component | Documentation | Template |
Panel Flip Component | Documentation | Template |
Video Component | Documentation | Template |
HTML Animations | Any HTML content animation |
The format requires an additional script to be loaded before the tag. In order to do that, navigate to the Tags section in the Adform system. Select the needed tag and click the “JavaScript URLS” button. Paste in the following custom script URL and tick the “Load before banner” check-box.
Custom Script URL: http://s1.adform.net/Banners/Elements/Files/13097/958041/iframe_width_fix.js
In order to deliver HTML5 banners fully compliant with the specs, follow the instructions on Producing HTML5 banners in Adform Test and Support Center:
Desktop browser version | |
---|---|
Internet Explorer 9 (and bellow) | limited animation |
Internet Explorer 10 & 11 | fully supported |
Edge | fully supported |
Firefox (newest version) | fully supported |
Chrome (newest version) | fully supported |
Safari (newest version) | fully supported |