IGN – Cross Device Header

  • 4
HTML5

The IGN Cross Device Header consists of a HTML5 header (1×1)  with a height of 400px and a width of 100% The cross device header can run on desktop, tablet and on mobile devices.  Please see a demo here!

Deliverables
Crossdevice takeover Header:
HTML5 Expandable banner
Platform dimensions: 1x1
Dimensions
Header image Desktop & Tablet *
Dimensions collapsed: 100% x 400 px

Header Smartphone *
Dimensions collapsed: 100% x 140 px
Dimensions expanded: 100% x 240 px

* Served from the same ad

Inread
100% width (from 300px to 1000px max.)

Required video formats (max 30sec)
-MP4
-WebM
HTML5 - XGN - Cross Device Header
The following script needs to be included in the MediaMind platform ad configuration window. Ad Settings > Setup > Advanced Features > Custom JS

Upload instructions:

After you build your ad you need to create a zip file of the complete package.

How to upload:

  • Login into our platform.
  • Navigate at the left to “creative assets”

1

  • Upload the zip file in your desired folder. The platform will automatically create a workspace.
  • Navigate to ads in the left navigation menu
    2

 

  • Click Create New ad and select HTML5 Expandable Banner Ad Format
    expandable banner

 

  • Select the workspace and the backup file in the Creative Asset folder tree by clicking on the “select” button.
    workspace select

 

  • Scroll down to the Panel List and  add the HTML assets from the workspace folder named “panels”.
    Make sure you change the panel settings like in the screenshot below.

panel
Click to enlarge the image

 

  • Click save and make sure you add the custom script which you can find on the specs tab above.