Topscroll Desktop HTML

An option for the Desktop Topscroll format, that allows for the creation of a custom HTML5 topscroll using the Zip-file upload, or via a third-party tag. 

Examples

Warner
YouSee

Format Specs

Recommended default artwork size: 2560x1440

Must be built as responsive HTML, so that all content scales and resizes to fit the width and height of the window.

Ad Viewport

This format has a viewport width of 100%, and depending on the preferences of the publisher, either 50%, 80% or 100% of the screen height. The most common viewport height is 80%.

Safe zones

There is an animated arrow button that will be added at the bottom-center of the Topscroll creative. Avoid placing any important elements (text, logos, CTA’s, buttons etc) in this area (50px wide, 120px high), as they may appear covered or overlapped. 

Format description and guidance

Topscroll is a high impact responsive format that appears at the top of a publisher page (before page content). It must be built so that all the imagery and content scales to fit the browser window. It is typically served to appear at 80% of the available browser window height, but can be up to 100% (dependent on publisher). For more information about building responsive creative, check out our Guide to Responsive HTML and building responsive creative guide.

All creative assets (images, videos, scripts etc) used by your banner must be included within the creative Zip-file. Linking to assets hosted on external severs is not permitted, and may result in your ad being blocked by some vendors. The only exception to this rule is for webfonts hosted by fonts libraries for licensing purposes, such as Adobe Typekit, Google Fonts, MyFonts etc.

Max total file weight

1 MB (recommended), 3.5MB Max.
For best performance, all assets should be compressed and optimized to the lowest possible file weight.

Animation

Maximum of 5 loops.
Maximum animation time 30 seconds (may vary by publisher).

Asset type

Responsive HTML5 (either Adnami hosted by sharing a zip-file or served via 3rd party tags).
HTML must be minified and optimized for polite load.

Click tags and tracking

For Adnami hosted creatives, see our clicktags and tracking guide. 
To enable video tracking metrics, see our API for measuring VTR guide.
For creatives hosted using 3rd party tags, use the appropriate click methods and trackers for that provider examples.

Audio

Any audio must be user-initiated.