Creatives
Creative billing


Preview

Floating ads appear above the content of a webpage automatically after the page is loaded. They may be placed at the center of a screen (pop-up ads) or at the top/bottom of a screen (catfish or sticky ad). The ad closes entirely by clicking the Close button.

Supported platforms

Desktop Tablet Phone
Windows Mac iOS Android iOS Android
Chrome, Firefox, Edge, IE10+ Safari6.2+, Chrome, Firefox;

Format requirements

Main panel

Standard dimensions, WxH, px: 300х250, 300×300, 550х480

Video (optional)

  • Video player container can be of any size within the panel’s borders
  • File type: .mp4
  • Duration: 30 sec
  • Frame rate: 24 fps

Audio

User-initiated (turned off by default)

Buttons

“X Close” button in the upper right corner of the expanded panel (allows user to collapse the ad)

Banner size

  • up to 300 Kb without video
  • up to 2 Mb with video

Download an archive with the template:

Download

How to work with .zip archive (template)

  1. Unpack an archive with the creative template.
  2. For creative preview use the preview page or copy all files to folder index – banners – banner- body and open file index.html in the browser using localhost. In the latter case a web server has to be installed (e.g. IIS for Windows, Apache for Mac OS).
  3. Open file body.html with the text editor and edit the code snippet inside tags <body> </body>.
  1. Edit JS files.
  2. Save and archive all banner assets in .zip (you should archive the files, not the folder that contains the files).

Assets requirements

ZIP archive

Banner with all banner assets should be archived as a .zip file. It is recommended to use .zip file with a template.

HTML file

The HTML file must define all used sources (libraries, images, etc). A recommended file name is body.html.

API connection and usage

globalHTML5Api connects automatically, requested with the following method.

Expand the globalHTML5Api code
globalHTML5Api.on('load', function(){
  /*
    YOUR CODE IS HERE
  */
});

All used modules should be listed as function parameters. Two and more modules should be comma-separated. In this format, the Player and module may be used.
A simplified example of the globalHTML5Api.init usage for the Floating format is shown below.

Expand the globalHTML5Api.init example code
globalHTML5Api.on('load', function(){
 globalHTML5Api.init({
  'resize': [
   {
    'name': 'state-1',
    'fixed' : {
     'vertical':'center',
     'horizontal':'center'
    },
    'width': '300px',
    'height': '250px',
    'onComplete': function () {
        //function();
   },
    'onStart': function () {
        //function();
   }
   }
  ]
 });
});

Parameters of globalHTML5Api.init

Key Parameters Properties Type Description
resize(options) globalHTML5Api.resize initialization
options Array Array of objects with properties. Each object presents the container state (resizeState)
name (required) String Object (state) name
width (required) String|Number Banner container width
height (required) String|Number Banner container height
fixed Object Object with properties. Describes the container position relatively to browser window
vertical (required) top, center, bottom String The vertical alignment of the container
horizontal (required) left, center, right String The horizontal alignment of the container
onComplete Function Callback function running upon completion of globalHTML5Api.init.resize.to(this.name)
onStart Function Callback function running upon starting of globalHTML5Api.init.resize.to(this.name)

Methods of globalHTML5Api

Method Arguments Type Description
click(URL) Method to call the clickthrough. Target URL may be set as a parameter or from the user interface. <_The URL set in the code has a higher priority than the URL set from the UI, which can lead to a conflict. Therefore, it is mandatory to use only one of the available methods_.
URL (optional) String Target URL
src(URL) Method returns the absolute path to file
URL (optional) String Relative path to file
close() Method to close the banner
globalHTML5Api.autoClose(timeMS, preventEvent) Method for automatic banner closing after a set amount of milliseconds
timeMS (required) Number Amount of milliseconds before the banner closing
preventEvent (optional) Boolean Prevents sending a tracking event close (banner closing). If the value is false, the event will be sent. Default: false

Video

In case the creative contains video, see the Video player module page.

Images

Supported file types: .jpg, .png, .gif, .svg

Event tracking

  • View
  • Confirmed view
  • Click
  • Closed by user

For any questions regarding ad manuals please contact the support manager of your account.

Updated on April 18, 2024