CREATIVE SPECS
Best Practices
Test different creatives Test two or three creatives to see what works best for your video.
Ensure that all text is legible
Implement CTAs for performance-driven campaigns
Use a variety of creative sizes for ample scale and optimization opportunities.
Recommended video lengths are 15-30 seconds
Standard Display
Recommended Dimensions
Desktop: 300x600, 160x600, 300x250
Mobile: 300x50, 320x50, 336x280, 1024x768, 300x100
Desktop/Mobile: 728x90, 300x250
File Type: HTML, JS, CSS, JPG, PNG, GIF
Max Backup Image File Size: 40 KB
Max Initial File Size: 150 KB
Max Polite File Size: 1 MB
Max Animation: 30 Seconds
Max Loops: 3 Loops
Frame Rate: 24 frames per second
Native Display
Main Image: 1200x627, (1.91:1 aspect ratio)
Logo: 200x200 (1:1 aspect ratio)
Short Headline: 25 characters
Long Headline: 90 characters
Short Description: 90 characters
Long Description: 140 characters
Native Video
Max Video Length
Interstitial: 15-30 sec
Native Outstream: Up to 5 mins
Pre-Roll: 15-30 sec
File Type: MP4 or WebM
Max File Size: 75 MB
VAST: Supported
Aspect Ratio: 16:9
Standard Video
Sizes: 300x250 or Larger
File Type: MOV, MP4, WebM, AVI, WMV
File Size: 200 MB
Aspect Ratio: "16:9 Widescreen, 4:3 Standard"
Bit Rate: 300 - 400 KBPS
Max Length: 60 sec. 15 or 30 secs recommended
CTV
File Type: MP4
File Quality: 40 KB
Bit Rate: Minimum of 1500 kbps. 1.6-3.2 mbps preferred
File Size: 15-50 mb. 1.5 mbps preferred
File Tags: VAST 2.0
Length: 15 and 30 secs
Audio
File Type: MP4
File Quality: 40 KB
Bit Rate: Minimum of 1500 kbps. 1.6-3.2 mbps preferred
File Size: 15-50 mb. 1.5 mbps preferred
File Tags: VAST 2.0
Length: 15 and 30 secs
Rich Media
Initial Dimensions:
Rectangle: 300x600
Skyscraper: 160x60, 120x600
Leaderboard: 728x90
Max Expanded Dimensions:
Rectangle: 600x250
Skyscraper: 320x600
Leaderboard: 728x270
File Types: .GIF, .JPG, .PNG, .HTML5
Max Loops: 3
Max File Size: 150 KB
Max Initial File Load Size: 1 MB
Animation Length: 15 sec
HTML5 SPECS
HTML5 creatives are a type of display creative with their own specific recommendations, sourced from the IAB Display Advertising Guidelines. HTML5 creatives are displayed as a full HTML page in an iFrame.
Here's what you need to know about HTML5 creatives:
- You may not use dynamic (DCO) or expandable creatives as HTML5 creatives.
- Different browsers have different subsets of HTML5 features enabled. Your creative might fail on a browser if it attempts to use a feature that is not enabled in the browser. It is your responsibility to ensure that your creative “gracefully degrades" in case the browser it is viewed on doesn’t support the features it uses.
- The IAB recommends adding the dimensions of your creative to your primary HTML document in a meta tag inside of the <head> section of your document. Here's an example, in which you'd replace the width and height values with the actual dimensions of your creative:
<meta name="ad.size" content="width=300,height=250"/>
- A static backup image is required. This image is used to display the ad if a user has JavaScript disabled.
- Commonly used JavaScript and CSS libraries (such as jQuery) do not need to be included with the creative.
- Including image sprites instead of multiple images decreases the number of file requests made by your creative and increases its performance.
- Avoid the use of video tags in HTML5.
- Audio tags should play only if a user intentionally starts the audio
For details on this creative type, see HTML5 For Digital Advertising: Guidance for Ad Designers and Creative Technologists.
Initial Load: 300 KB (200 KB recommended)
Subload: 600 KB
Initial file load count: 10 files
Subload file count: 100 files
File size: 5 MB
User-initiated load: 2.2 MB (recommended)
File Packing
You can use one of the following packaging options:
A single HTML file.
- All information for serving the creative (with the exception of commonly used JavaScript and CSS libraries) should be included in the HTML file. The maximum
- HTML file size is 200 KB.
- A single root/main HTML file with supporting images.
- A single root/main HTML file with supporting images and additional supporting JS and CSS files.
Compressed (ZIP) files:
- All files for displaying the creative (with the exception of commonly used JavaScript and CSS libraries) should be included in the ZIP file.
- The primary HTML file should be located in the root of the ZIP file.
- ZIP files must contain no more than 100 files, including at least one HTML file for use as the initiating file for display. Keep the file count low to minimize browser performance impact.
- You can include only HTML, JS, CSS, MP4, JPG, JPEG, GIF, PNG, and SVG files in a ZIP file.
- When packaging HTML5 creatives, include the asset files, not the folder containing them, in the ZIP file. See "Zip This" and "Do Not Zip This" attachments for reference.
The following table lists the maximum file size requirements for compressed files. See also File Sizes.
Automatically-started video: Less than 1.1 MB
Any individual file: 2.2 MB
Primary HTML file: 100 KB
ZIP file compressed: Less than 10 MB
ZIP file uncompressed: Less than 12 MB
Click Tag Parameters
A click tag is a parameter used in HTML5 banner ads. The parameter is a variable that defines the destination URL and is provided in the primary HTML file as a URL parameter.
- You can customize the name of the URL parameter when uploading or editing the creative.
- Click tag names are case-sensitive. Be sure to use uniform capitalization throughout the creative and any supporting files. For example, clickTag and clickTAG are not interchangeable. The platform defaults to clickTAG.
- When the user clicks the ad, the creative must direct the user to the correct click tag page in a new window.
- If you want to also use that clickthrough URL in your HTML5 creative, you can configure the creative to use the backup clickthrough URL as the default clickthrough URL.
To call the clickthrough page through the backup ad image correctly, you must supply a clickthrough parameter.
- You can use multiple click-through URLs and define different landing pages for different actions.
Example - A Click Tag Parameter Example
The following code block shows one way to retrieve and implement a creative with a clickthrough URL. In this example, a single image is wrapped with an anchor tag, which, when clicked, opens a new window with the address stored in the clickTAG URL parameter of the creative.
The first ❗function retrieves the clickTAG parameter.
The second ❗is the location where the value for the clickthrough URL should be stored in the window.clickTAG variable.
<html>
<head>
<script type="text/javascript" charset="utf-8">
function getParameterByName(name) { ❗
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" :
decodeURIComponent(results[1].replace(/\+/g, " "));
}
var clickTAG = getParameterByName("clickTAG");
❗
</script>
</head>
<body>
<a href="javascript:window.open(window.clickTAG);void(0);">
<img src="clickme.jpg"/>
</a>
</body>
</html>