Skip to main content

Overwolf ad View

The <owadview/> tag, which is based on the Electron <webview/> tag, automatically hosts and manages ads in your app.

To use it, place the <owadview/> tag (no attributes required) inside a <div> tag, with the size of the standard IAB Ad unit you wish to display.

For example:

<div style="width: 400px; height: 300px; background: transparent;">
  <owadview />
</div>

For more information about supported ad units and general ads guidelines, see Working with Ads.

Ad Enablement

In order for your app to display ads, we first have to set up our backend to support your app's uid. You can test how ads will look and behave in your app, by passing in the --test-ad command-line argument.

Contact us for details.

To enable ads for users in areas with more strict data collection regulations, you will be required to fully follow the Consent Management Platform (CMP) Implementation Guidelines.

Transparent Background

We use background: transparent, in order to allow your app to show a background image as a fallback when there is no ads inventory to display.

Other things to keep in mind:

  • The <owadview/> tag starts muted by default. This can be changed using the Electron webview method <webview>.setAudioMuted(muted).
  • The <owadview/> tag is automatically managed and already handles any issues involving ad visibility or crashes.