Rich Media Ads

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.

These ads are like mini web pages and contain multiple files types that can combine HTML, Javascript, CSS, Web Fonts, shared javascript libraries, SVG, WebGL, and other standard assets, such as images. This eliminates the need for plugins like Flash (Note: Flash is no longer supported by RollWorks or any of its partners.)

The animation limit for HTML5 ads is 30 seconds. No looping.




Zip File Requirements

Check.png Each HTML5 ad must be its own zip file that contains all code and assets (including public, commonly used JavaScript libraries). It must contain all files referenced from the HTML document:

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

Check.png Links must reference file locations

Check.png Assets must be loaded securely using https

Ex.png Code references to external domains are not permitted (no cross-domain scripting)

Ex.png Local storage or session storage libraries are not permitted

Technical Requirements

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

    • <script type="text/javascript">
      // Change the value of this string to your URL
      var clickTag = "";
    • This must be passed as a parameter to any event in the ad code.

      <div id="clickArea" style="width: 300px; height: 250px" onclick=" ,'_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.

Supported Sizes for HTML5 ads

320 X 50 Mobile leaderboard
468 X 60 Banner
728 X 90 Leaderboard
250 X 250 Square
336 X 280 Large rectangle
300 X 250 Inline rectangle
120 X 600 Skyscraper
160 X 600 Wide skyscraper
300 X 600 Half-page
970 X 250 Billboard
234 X 60 Half banner
180 X 150 Small Rectangle
120 X 240 Vertical Banner
125 X 125 Square Button
180 X 60 Rectangular Button
120 X 60 Tiny Rectangle
200 X 200 Mid Square
88 X 31 Micro Banner
300 X 100 3:1 Rectangle
645 X 60 Facebook Banner
0 X 3 Web Video
400 x 80 Email Banner
500 x 100 Email Medium Banner

Was this article helpful?
0 out of 0 found this helpful