Rich media ads include advanced features like animations or other elements that encourage viewers to interact and engage with content. They’re typically formatted with HTML5, which allows developers to add animations directly into the source code of a page. They are also often referred to as HTML5 ads.
The animation limit for HTML5 ads is 30 seconds. No looping.
Zip File Guidelines
- Root of the folder should be a single, well-structured, and complete HTML document
- The ad must be loadable into an iFrame (when being served)
- Supported Shared Libraries: Adobe Edge, CreateJS (Easeljs, Movieclip, TweenJS, SoundJS, and PreloadJS), JQuery, Angular JS, Tumult Hype, Swiffy, GSAP (TweenLite, CSSPlugin, and EasePack)
Links must reference file locations
Assets must be loaded securely using https
Code references to external domains are not permitted (no cross-domain scripting)
Local storage or session storage libraries are not permitted
- File Size: up to 150KB
Use the <!DOCTYPE html>, <html>, and <body> tags.
<meta> tags must be used to identify the size of an ad:
<meta name="ad.size" content= "width=300, height=250">
Declare a clickTag variable. ClickTag is a click-through URL: a shortcut to set the click-through URL in the platform.
// Change the value of this string to your URL
var clickTag = "https://www.adroll.com";
This must be passed as a parameter to any window.open event in the ad code.
<div id="clickArea" style="width: 300px; height: 250px" onclick="window.open(clickTag ,'_blank');">
Create Rich Media Ads
To create these ads, we recommend working with a developer. If you don’t have a developer, here are a few helpful tools to create ads yourself. When the ads are ready, test them, then reach out to the RollWorks Customer Support team (or your Account Manager) to upload them.