Synchronized Takeover

Table of Contents

Introduction

This is a very easy to use Synchronized Takeover template.

User experience

A user opens the webpage and seesstandard leaderboard banner and two 160x600 banners in the right and left sides. After 3 seconds a floating stage appears automaticlly. It 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 initial stage banners.

Creative assets

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

  • An HTML5 File for Standard Banner.
  • Wallpaper image
  • Banner assets 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.

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

INFO: Please refer to the Video Player component for more detailed information on component setup and behavior.

Manifest.json file

  • Manifest.json file should define the ad dimensions and the HTML file which is used as a banner source.
  • 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>

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.

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://test.adform.com/testpage/banner-specifications/html5-banner/standard-html-ad/

Other
For any questions please contact [email protected]