Anchor Banner - HTML5

A custom HTML5 anchor banner, uploaded as a zip file. Use it when the anchor needs animation, several messages or interaction that the Image and Video anchors cannot deliver. It can be used for the pre and post anchors in Mobile Midscroll Anchor and for the anchor in Mobile Skin.

Examples

Adore

Ad Viewport

Width: 100% of the screen width
Height: Mobile Midscroll Anchor 15% of the screen height by default; Mobile Skin set by the Anchor Banner Height setting (100px by default).

Format description and guidance

The anchor must be fully responsive. Build the root of the creative at width: 100% and height: 100% and lay it out as one horizontal row (for example logo, message, CTA) that holds together from narrow phones (320px wide) to large phones and small tablets. Avoid fixed pixel canvases, and do not rely on the anchor being any particular height: some publishers use a taller or shorter anchor than the default.

A close button is added automatically in the top right corner. Keep that area free of text and tap targets, so readers can close the anchor without clicking through by accident.

For more information about building responsive creative, see our Guide to Responsive HTML.

Asset types

HTML5, Adnami hosted by sharing a zip-file. HTML should be minified and optimised for polite load. Use the Zip File with Streaming Video template when the anchor includes video, so the video is streamed rather than packed into the zip.

All assets (images, videos, scripts etc) used by your banner must be included within the creative zip-file. Linking to assets hosted on external servers 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 font libraries for licensing purposes, such as Adobe Typekit, Google Fonts or MyFonts.

Max total file weight

The anchors count towards the total weight of the format they are used in (3.5 MB across all banners). Keep each anchor as light as possible: below 300 KB is a good target.

Animation

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

Click tags and tracking

See our clicktags and tracking guide. Set Add automatic click button to Disabled for interactive anchors, so the invisible click layer does not block taps.

Other Requirements

Do not link to any files or scripts hosted on external domains. All assets used should be included within the creative zip-file, or hosted on Adnami domains. Linking to resources on non-approved vendors may result in ads being blocked by Google Ads Manager and DV360.

Audio

Any audio must be user-initiated.

Template Details

Zip File

General
ParameterPurposeDefault
FileUpload a zipped HTML bundle (HTML/CSS/JS plus assets) that powers the file. Keep the archive within platform size limits.
1.0 Click Url (optional)Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters.
1.1 Add automatic click buttonAdds an invisible button on top of the creative that opens the Click URL. Note this can block interaction with the creative, for interactive creative set to Disabled and ensure click URLs are implemented at creative level.Enabled | choices: Enabled, Disabled