This is a highly customizable and very easy to use AdTiles template.
A user opens the webpage and sees the initial banner in the placement. On button click, the initial panel expands down and reveals another panel below. All in all, four vertically tiled/expanded panels can be displayed. The ad can offer additional video or other rich media experience. It accommodates a link to the predefined landing page. The panels remain expanded until the “Close” button is clicked, closing a single panel. The ad expands as many times as the user clicks the buttons.
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:
"rows" - number of panels to display in each column (max 10);
"animationDuration"- flipping animation duration in seconds (float, greater than 0);
"perspective" - flipping animation perspective value (int, greater than 500);
"inside" - direction of animation rotation (boolean);
"wrapper" - element containing PanelFlip panels (DOM element);
INFO: Please refer to the Panel Flip component for more detailed information on component setup and behavior.
|Component/feature||Technical Documentation||Template in STUDIO|
|HTML Animations||Any HTML content animation|
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://creative.adform.com/support
|Desktop browser version|
|Internet Explorer 8 (and bellow)||not supported (backup image)|
|Internet Explorer 9||fully supported|
|Internet Explorer 10 & 11||fully supported|
|Firefox (newest version)||fully supported|
|Chrome (newest version)||fully supported|
|Safari (newest version)||fully supported|
|Tablet Operating System||Browser|
|iOS 8.1 (and above)||Safari & Chrome|
|Android 4.0 (and above)||Native, Chrome & Firefox|