AdMaxim Creative Specifications

Last Updated: 26/4/17


 

Contents

1.0 Standard Banners

1.1 Standard Banner Animations

1.2 AdMaxim Resizing Existing Banners

1.3 3rd Party Tracking

2.0 Native Formats

3.0 Video Formats

4.0 Rich Media HTML5 Formats

4.1 Rich Media Design Guide

4.2 Rich Media 3rd Party Development Requirements

4.3 Rich Media Tracking

4.4 Creating JavaScript Tags

4.5 MRAID Testing

5.0 Rich Media Ad Type Design Requirements
http://www.admaxim.com/creative-requests-guidelines/#rich-media

 

1.0 Standard Banners  

The banner sizes below are supported. If you are unsure of what formats to provide for a campaign, please confirm with your Account Manager.

Typically, it is best to provide the maximum number of sizes that match your booking in order to increase optimisation opportunities.

Name Dimensions (wxh) Supported Devices Supported File Formats Maximum File Size
Skyscraper 160×600 Tablet .jpg / .png / .gif 80kb
Small Mobile Banner 300×50 Mobile .jpg / .png / .gif 40kb
Mobile Banner 320×50 Mobile .jpg / .png / .gif 40kb
MREC 300X250 Mobile, Tablet .jpg / .png / .gif 80kb
Mobile Portrait Interstitial 320×480 Mobile .jpg / .png / .gif 100kb
Mobile Landscape Interstitial 480×320 Mobile .jpg / .png / .gif 100kb
Leaderboard 728×90 Tablet .jpg / .png / .gif 80kb
Tablet Portrait Interstitial 768×1024 Tablet .jpg / .png / .gif 200kb
Tablet Landscape Interstitial 1024×768 Tablet .jpg / .png / .gif 200kb
Floor Banner 1024×90 Tablet .jpg / .png / .gif 80kb

 

160×600

160x600

300×50

300x50

320×50

320x50

 

300×250

300x250

 

 

320×480

320x480

 

480×320

480x320

728×90

728x90

1.1 Standard Banners Animations

  • Animations are supported for .gif formats
  • Gifs must not animate for more than 30 seconds
  • File size should be carefully considered when producing complex .gif animations
  • Gifs should not rotate more than three times

1.2 AdMaxim Resizing Existing Banners 

When AdMaxim are resizing existing banners for clients, we require existing banners in the source file format (for example Adobe Photoshop, Adobe Illustrator or other design software).

1.3 AdMaxim Building Banners From Client Assets

When providing AdMaxim assets for banner design, all assets and copy must be provided in original source formats. For example, logos must be provided as editable vector images, not as exported image files and brand imagery must be provided in original high resolution format, not in lower resolution outputs.

1.4 3rd Party Tracking

AdMaxim supports third party ad serving, impression and click tracking as well as rich media and post click conversion tracking. We can accommodate a broad variety of tracking requirements and solutions. For full details on tracking capabilities for your campaign, please email your requirements to uk.clientservices@admaxim.com. Bespoke tracking implementations may take longer to implement.

2.0 Native Formats

Native ads allow publishers to pull in content from an advertiser dynamically and build creative formats that are integrated with the design and content of their application. The advertiser needs to provide all the constituent elements of the ad unit and these will be pulled together dynamically according to the way the publisher has integrated the native ad placements into their application or site.

Required Content 
Element Description Format Specification
Icon Image Small feature image .jpg / .png / .gif / media URL 128×128
Title Main title for the ad, for instance the product or service name Text 25 characters maximum
Ad Text Copy for the ad Text 100 characters maximum
Main Image Large image for larger format native ads (always include) .jpg / .png / .gif / media URL 1200×627
Call To Action Text The text for the call to action button Text 15 characters maximum

 

3.0 Video Formats

 

Video Length 15 Seconds or under or 30 Seconds or under. Important note: For all performance video campaigns, both lengths are required.
Video Dimensions Recommended dimensions are 1920×1080 or 1280×720. We can use and edit most video to be suitable. We also support vertical video.
Video Ad Types Supported Interstitial | Outstream | Pre-Roll | Mid-Roll | Post-Roll
Industry Standards Supported The AdMaxim platform supports VAST 4.0 and VPAID 2.0. However, different inventory partners have different VAST support, so if the desire is to ensure maximum scale, it is best to provide VAST 2.0 tags.
Video Formats Supported .mp4 / .flv / .mpeg / .wmv / .3gpp / .ogg / .webm
Encoding Profiles Supported Mobile   Universal / iPod Touch / iPhone / iPhone & iPod / iPad / Apple TVOnline   Standard / Medium / High
Companion Ads Companion ads are supported on any publishers that carry them. Not all publishers on a video campaign will be able to support companion banners. Companion banner sizes that must be provided are 300×250 and 320×480.

 

 

4.0 Rich Media HTML Formats

Name Dimensions (wxh) Supported Devices
Skyscraper 160×600 Tablet
Small Mobile Banner 300×50 Mobile
Mobile Banner 320×50 Mobile
MREC 300X250 Mobile, Tablet
Mobile Portrait Interstitial 320×480 Mobile
Mobile Landscape Interstitial 480×320 Mobile
Leaderboard 728×90 Tablet
Tablet Portrait Interstitial 768×1024 Tablet
Tablet Landscape Interstitial 1024×768 Tablet
Floor Banner 1024×90 Tablet

 

4.1 Rich Media Design Guide

Easy to read text and fonts

When using text with background imagery, if there are lot of colors or elements, use subtle glows or shadowing around the text with a similar color as the background and the text will be more prominent.

 

Keep messaging brief

Refine your concept and get to the heart of your message.

 

Intrigue the user into wanting more

If you are showing products, offer only a few variations. Give the user a small sample of the best of what you are offering but save the in-depth details and products lists for your website.

 

Extra buttons detract from your goals

Avoid overloading the user with options especially if the target goal is to get them to a particular URL. Don’t add additional click outs for social media if it’s not your main goal.

 

Label all active areas or buttons

If a certain area of an ad opens a page to new URL, that area should be appropriately labeled. It is easy to trick a user into opening new URLs which would count as a view on that page but we think that compromises the integrity of your brand and it won’t provide the type of result or brand awareness you’re likely interested in.

 

Keep titles and actions at the top page

The combination of mobile device sizes, browser chrome dimensions, and zoom levels may very well be infinite but, they all start at the top. To ensure that your most important messaging and calls-to-action get action make sure everyone sees them at the top of your page.

 

One design to rule them all

It is possible to create one design that will work well across the majority of mobile devices and publishers. The most requested and viewed size is for portrait orientation. While 320 x 480 px is the most requested size, since phones handle much higher resolution, the most appropriate dimensions to design for that size is 768 x 1152 px. If you have followed the earlier suggestions and kept titles/actions on near the top of the design, we can use that same design for the second most requested size 768 x 1024 px. Having only one design also offers the shortest development and QA times as well as the easiest opportunity to make additional updates later down the line.

 

4.2 Rich Media 3rd Party Development Requirements

1. Include porthole.min.js in the ad

<script src=”https://cdnukadmaxim.s3.amazonaws.com/externalrmtag/porthole.min.js” type=”text/javascript”></script>

 

2. addPortholeConnection(); in the load of the ad

 

 

3. Include AddPortholeConnection function:

function addPortholeConnection(){

   var parentUrl = getUrlVar(‘parentUrl’);

   // Create a proxy window to send to and receive messages from the parent

   windowProxy = new Porthole.WindowProxy(parentUrl);
}

 

4. Use the windowProxy.post({‘action’: ‘expandMe’}); for our tracking when clicking out

 

Example:

http://cdnukadmaxim.s3.amazonaws.com/templates/interstitial/index.html

 

 

4.3 Rich Media Tracking:

1. IMPORTANT – Place the code below in the <body> tag. The client tag

Code:

<script type=”text/javascript”>

var ADMAXIM_CLIENT = “SONY_EXAMPLE”;

var ADMAXIM_CAMPAIGN = “SONY_EXAMPLE”;

</script>

<script src=”http://apptrack.admaxim.s3.amazonaws.com/ads/track/admaxim_track.js” type=”text/javascript”></script>

 

2. Send any custom event as a readable string. Typical examples – “impression”, “first_play”, “banner_expanded”, “video_1_played”;

Code:

admx.trackEvent(‘any_string’);

 

 

4.4 Creating JavaScript Tags (External Tags):

 

Update the ad and size in the tags. Example below:

 

 

<script src=”mraid.js”></script>

<script type=”text/javascript”>

var ADMXM_CLICK_BEACON = “%admaxim_click_beaconV2%”;

/* Updatable section */

/* This is the ad url that will be different for every tag */

/* Important: ?clickid=%clickid%, this is the clickid beacon which passes all user info. */

/* The clickid is necessary to enable tracking*/

var ADMXM_AD_URL =

“https://cdnukadmaxim.s3.amazonaws.com/templates/expandable/index.html?clickid=%clickid%”;

/* This is the actual rich media expanded design size. */

var ADMXM_RM_W = 768;

var ADMXM_RM_H = 1152;

 

/* This is the banner design size. */

/* If the ad size doesn’t change (interstitial, html5 banner),  it can equal the size above. */

var ADMXM_BANNER_W = 768;

var ADMXM_BANNER_H = 120;

 

/* This is the size the add will display at. */

/* The width scales the entire ad, keeping the aspect ratio. */

/* The height, if the aspect ratio doesn’t match, will crop. */

var ADMXM_DISPLAY_W = 320;

var ADMXM_DISPLAY_H = 480;

/* Updatable section – end */

 

</script>

<iframe id=”admaxim_rm_iframe” name=”admaxim_rm_iframe” style=’border:none’></iframe>

<script src=”https://cdnukadmaxim.s3.amazonaws.com/externalrmtag/admaxim_rm.js” type=”text/javascript”></script>

<img src=”%admaxim_imp_beaconV2%” width=”0″ height=”0″ style=”position:absolute; top:-20px; left:-20px” />

 

 

No comment version for copy/paste:

<script src=”mraid.js”></script>

<script type=”text/javascript”>

var ADMXM_CLICK_BEACON = “%admaxim_click_beaconV2%”;

var ADMXM_AD_URL = “https://cdnukadmaxim.s3.amazonaws.com/qualifiedleads/property/index.html?reqid=%reqid%”;

var ADMXM_RM_W = 768;

var ADMXM_RM_H = 1152;

var ADMXM_BANNER_W = ADMXM_RM_W;

var ADMXM_BANNER_H = ADMXM_RM_H;

var ADMXM_DISPLAY_W = 320;

var ADMXM_DISPLAY_H = 480;

</script>

<iframe id=”admaxim_rm_iframe” name=”admaxim_rm_iframe” style=’border:none’></iframe>

<script src=”https://cdnukadmaxim.s3.amazonaws.com/externalrmtag/admaxim_rm.js” type=”text/javascript”></script>

<img src=”%admaxim_imp_beaconV2%” width=”0″ height=”0″ style=”position:absolute; top:-20px; left:-20px” />

 

4.5 MRAID Testing:

  1. Go here: http://webtester.mraid.org
  2. Under “Flight”, paste the tag code snippet.
  3. Click “Render”

 

*To make changes, make sure to close the app simulation window. You can go back to “Flight” and test tag updates. The app simulation window needs to be created fresh every time.

 

5.0 Rich Media Ad Type Design Requirements

5.1 General

Rich media ads sizes are typically higher resolution than standard desktop browser ads, usually at a size of 768×1152, so source imagery or assets should be of comparable size.
http://www.admaxim.com/creative-requests-guidelines/#rich-media