Skip to main content

Overwolf owadview

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, 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 <owadview>.setAudioMuted(muted).
  • The <owadview/> tag is automatically managed and already handles any issues involving ad visibility or crashes.

Multiple ad units on a single window (Mandatory)

You need to assign a unique ID to each container if you are implementing two identical ad units within the same window. This is required to comply with ad policy, allowing only one video ad per window at a time.

Use the following format to name each container:

appname_widthXheight_window_position

Example:

For an app named myApp with two 400x300 ad unit units on the desktop window, the container IDs should look like:

cid="myApp_400x300_desktop_top"
cid="myApp_400x300_desktop_bottom"

This ensures proper identification and tracking of each ad unit.

House ads event

You are able to trigger actions when users click on a displayed house ad. If you have enabled events on House ads in your Developers console, use the house-ad-action event to trigger an action.