High Impact Ads

note

Reach out to your DevRel to find out if you qualify.

High impact ads are bold, attention-grabbing ads designed for maximum visibility. They specifically focus on delivering immersive, interactive content to your users. High impact ads occupy an entire ad block level container (<div>) of the app UI and temporarily hide surrounding content to maximize ad impact.

Key features

• High visibility—designed to occupy a full ad block level container (<div>) of your app's layout.
• Responsive size—adapts to your ad block level container dynamically.
• Ad event lifecycle—integrate with event listeners to manage UI transitions.

Requirements

• Minimum ad block level container (<div>) of 440x670px.
• The height of the ad is responsive and will occupy the entire height of the ad block level container (<div>).
• The width isn't responsive and is fixed at 440px.
• Make sure the ad block level container (<div>) in your app is free from any other elements/css that might prevent this ad to expand.
• Make sure the enableHighImpact: true flag is added to an ad container (OwAd) that is already loaded in an ad block level container (<div>) .

important

• If the minimum ad block level container (<div>) is smaller than 440x670 px, the ad will not render correctly.
• All elements in the ad block level container need to be removed when/if an high impact ad creative is loaded. Use the high-impact-ad-loaded to remove elements that may interfere with the loading of the ad. Use high-impact-ad-removed to restore the elements that you removed.

Enabling high impact ads

To enable High impact ads, update your ad container with the enableHighImpact: true flag.

Example:

let owAd = new OwAd(  
  document.getElementById("ad-div"),   
  {  
    size: { width: 400, height: 300 },  
    enableHighImpact: true  
  }  
);

note

Only one container per ad block level container (<div>) should include enableHighImpact: true, even if you have multiple instances of OwAd in that element.

Events table

Event name	Description
high-impact-ad-loaded	Triggered when a High Impact creative is loaded.
high-impact-ad-removed	Triggered when the High Impact creative is removed.