Specifications

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

5.1 General

5.2 Qualified Leads

5.3 Social Tiles

5.4 VR360

5.5 Cube

5.6 Sponsored Post

5.7 Page Flipper

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

300×50

320×50

300×250

320×480

480×320

728×90

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 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

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:

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>

No comment version for copy/paste:

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>

4.5 MRAID Testing:

Go here: http://webtester.mraid.org
Under “Flight”, paste the tag code snippet.
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.

5.2 Qualified Leads

A main image or animated gif.
2 CTAs and URLs

5.3 Social Tiles

Instagram URL
Banner image suggestions and Copy text
CTA

5.4 VR360

A panoramic image or 6 sides cube image(s)(HIGH RES)
Logo
Copy for what the user experience is. (Example: View the inside of the all new Mercedes C300!”) A statement to intrigue the user.
Landing screen image suggestions
Clickout URL

Cube

6 sides high resolution cube image(s)
Top heading copy
Logo
CTA text & Clickout URL

Sponsored Articles
Logo: (In a square with rounded corders, 206 × 206px)