Interstitial ads

note

Demand for Interstitial ad units is different from the programmatic demand behind standard ad units: it depends on Brand Partnerships direct-deal availability, with targeting that varies deal by deal. Once the unit is live in your app, this inventory will be included in any relevant deals. Reach out to your DevRel to find out if you qualify.

Interstitial ad units are ads that appear as an overlay on top of an app, ensuring maximum visibility and user engagement. Unlike traditional in-app ad placements, which focus on brand awareness and often experience lower clickthrough rates or user interaction, these ads capture full user attention. The user can either click through or close the ad, making it an effective format for campaigns optimized for clicks and conversions.

An Interstitial ad unit can serve two creative types: banner and video. Which type is served depends on current campaign availability. The video creative fires additional events that the banner creative does not fire. See Events table.

These ad units can be triggered at various moments, such as when a user opens the app, performs a specific action, or reaches a certain point in their journey.

For creators, Interstitial ad units provide an additional revenue stream through direct-sold campaigns sourced by the Brand Partnerships team. This format enables better monetization through performance-driven payouts, offering a strong alternative to traditional brand-focused ads.

Example:

Prerequisites

Interstitial ad units require a minimum window size 1000x600.

Usage guidelines

Follow these guidelines to ensure a good user experience:

• Interstitial ad units may be considered an intrusive experience since they take up the whole app window. Consider where and when to launch the ad.
• Display the ad when launching the app, or trigger the ad based on user interaction in the app.
• Provide a clear and easy to use close button.
• Use background dimming.
• Avoid frequent use as excessive interruptions can frustrate users and lead to a negative experience.
• Never show ads during active gameplay.
• While an Interstitial ad is loaded and occupies the full app window, do not load any other ad unit in the background. This avoids ad units loading while hidden behind the Interstitial ad.

Example

Use the following example to display an Interstitial ad unit.

 const interstitialEvents = [
    'complete',
    'impression',
    'shutdown',
    'performance_ad_no_fill',
    'performance_ad_dismiss',
    'performance_ad_loaded',
    'performance_ad_clicked',
    'performance_ad_video_complete',
    'performance_ad_video_skipped',
    ];

  function interstitialAd() {
    const interstitialAdview = document.createElement('owadview');
    interstitialAdview.setAttribute('performance', '');
    // background color in rgba(0, 0, 0, 0.8)'
    interstitialAdview.setAttribute('adstyle','background-color: rgba(255, 0, 0, 0.5); background-blur: -1;',);

    interstitialEvents.forEach((event) => {
      interstitialAdview.addEventListener(event, () => {
        console.log(`interstitial ad - ${event}`);
      });
    });

    // Append the interstitial adview to the body element
    document.body.appendChild(interstitialAdview);
  }

Events table

Event name	Creative type	Description
complete	Video	The video creative finished playing.
impression	Video	The video creative served an impression.
shutdown	Banner, Video	The ad unit closed after playing.
performance_ad_no_fill	Banner, Video	No ad fill.
performance_ad_dismiss	Banner, Video	The user pressed the dismiss button on the ad.
performance_ad_loaded	Banner, Video	The ad loaded into view.
performance_ad_clicked	Banner, Video	The user clicked the ad.
performance_ad_video_complete	Video	The video creative finished playing, and the ad unit is removed from the page.
performance_ad_video_skipped	Video	The user skipped the video creative, and the ad unit is removed from the page.

Attributes

Attribute	Parameter	Description
adstyle	background-color: rgba(255, 0, 0, 0.5) background-blur: -1;	Use either or both of the attributes. 1. Use RGB colors. a sets opacity in percentage (e.g., .5 = 50%) 2. background-blur blurs the background. -1 removes background blur. 3 keeps background blur. If not included, will default to 0.