High-Impact.js — Publisher Quick Start Guide

This guide explains how to implement High-Impact.js for publishers. It includes example code for the Midscroll format.

For all available formats and advanced details, see the README file.
For the High-Impact.js Buyers Guide, see this document.

1. General Overview

High-Impact.js works by listening for the ad server’s received ad callback.

When an ad is detected:

The framework checks the ad size and intended placement against the publisher-defined config.
If the placement and size match the config, the framework applies the styling for the specified format.

Alternative flow:

If multiple frameworks run on the same placement, High-Impact.js can be configured to ignore all received ads and instead wait for the creative to explicitly signal that the placement should be styled.

2. Step-by-Step Instructions

Add the script in the <head> of all pages where High-Impact ads should render.

Must load before any calls to the ad server.
Define slot sizes with window.highImpactJs.defineSlot.
- This determines which ad sizes buyers can use for each format.
- Creatives in other sizes won’t be styled.
- Recommended sizes:
  - Desktop: 1920x1080
  - Mobile: 1080x1920
- These sizes enable buyers to use static DV360 images.
- Sizes must also be declared in googletag.defineSlot.
Match adUnitId with the div ID used in googletag.defineSlot.