Skip to end of metadata
Go to start of metadata


Mobile Web

Mobile web expansion can be done purely by showing and hiding DOM elements on the page using CSS. The ad tag will be rendered inside of a friendly iframe, which sets the global variable: window.inDapIF = true

The ad is responsible for constructing and showing the expandable panel in the DOM when the banner is tapped, as well as providing a close button which hides the panel. It is important that the ad unit destroys any DOM elements injected outside of the friendly iframe, as Verve's Mobile Web Platform is a SPA and does not trigger a page refresh as users browse content.

App

Ad tags are rendered inside a webview control within Verve native apps. There are two ways to expand:

MRAID

Verve native apps are MRAID 2.0 compliant, per the IAB MRAID spec: http://www.iab.net/media/file/IAB_MRAID_v2_FINAL.pdf

mraid.expand()

When possible, use MRAID to programmatically enlarge the banner webview and show expanded content, or open to an optional landing page URL.

Legacy

Verve native apps also support legacy expansion, which explicitly require banners to create an HTML anchor element with an "href" attribute pointing to a new URL, beginning with either "http" or "https" protocols, and opening in a new window with the "target" attribute set to "_blank".

<a href="http://host/path/to/expandable.html" target="_blank">Banner</a>

Tapping this anchor element will trigger a new HTTP request to the anchor's "href" into a new native webview, with a native close button already provided. (Expansion must happen with an actual anchor element. A JavaScript call to "window.open" cannot be used.)

  • No labels