Standalone Ad

In combination with other OpenWeb engagement products, a Standalone Ad enables you to customize ad opportunities and augment the revenue potential of your content:

Create new high-profile ad opportunities of any dimensions
Display video and display ads
Enforce brand safety
Maintain site speed

Requirements

Before adding this product to your content, contact your OpenWeb PSM to set up a monetization campaign for your implementation.
Standalone Ad requires a space with a minimum width of 300px.

Implementation Options

OpenWeb provides you several approaches to add a Standalone Unit to your site. Each is listed in the following table.

Approach	Description
Standard	Enables manually choosing the location of the Standalone Ad
Dynamic&Ad Insertion	Enables choosing one or more name `<div>` elements to use for monetization
AMP	Enables adding a Standalone Ad to an AMP page

Standard

When using this implementation method, you can choose the location where the Standalone Ad appears on a page.

To add a Standalone Ad, use the following steps:

Add the Standalone Ad launcher code to the page. Be sure to replace the SPOT_ID placeholder.
📘
Since placing the launcher code higher in the page improves ad performance, we recommend adding the following launcher code as high in the page as possible, including in the <head> of a page.
If you already have an OpenWeb product on the page, the launcher already exists on the page. You do not need to add a separate launcher code or change the existing one. Skip to the next step.

<script 
    async 
    src="https://launcher-sa.spot.im/spot/SPOT_ID"
    data-spotim-module="spotim-launcher"
    data-spotim-autorun="false">
</script>

Replace the SPOT_ID placeholder.
Add the Standalone Ad <div> in a desired page location. Placing the Standalone Ad above the fold of the page is recommended. If you would like to add multiple Standalone Ads to a page, contact your PSM for assistance.

<div data-openweb-ad data-row="1" data-column="1"></div>

Dynamic Ad Insertion

When using this implementation method, you can choose one or more named <div> elements to use for monetization.

To add a Standalone Ad, use the following steps:

Add the Standalone Ad launcher code to the page. Be sure to replace the SPOT_ID placeholder.
📘
Since placing the launcher code higher in the page improves ad performance, we recommend adding the following launcher code as high in the page as possible, including in the <head> of a page.
If you already have an OpenWeb product on the page, the launcher already exists on the page. You do not need to add a separate launcher code or change the existing one. Skip to the next step.

<script 
    async 
    src="https://launcher-sa.spot.im/spot/SPOT_ID"
    data-spotim-autorun="false"
    data-spotim-module="spotim-launcher">
</script>

Replace the SPOT_ID placeholder.
Define a named <div> in which the ad will serve.
Provide the named <div> information to your PSM.

AMP

When using this implementation method, you can choose the location where Standalone Ad appears on a page.

To add a Standalone Ad, use the following step:

Add the following code in the location where the Standalone Ad should appear.

<amp-layout layout="responsive" width="0" height="0">
</amp-layout> 
<a data-spmark="ad-choice" href="https://dynamic-cdn.spot.im/yad/optout.html" target="_blank">
  <amp-img src="https://publisher-assets.spot.im/yad/ad-choises.png" width="9px" height="9px">
  </amp-img>
</a>
<amp-list width="auto" height="1" layout="fixed-height" items="items" style="text-align:center" src="https://api-2-0.spot.im/v1.0.0/owa-gw/spot/SPOT_ID/amp/recirculation">
  <template type="amp-mustache">
    {{#isDisplay}}
    <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-slot="{{ code }}" json='{"targeting":{"ampRCSpotId":["SPOT_ID"]}}' rtc-config='{"vendors":{"IndexExchange":{"SITE_ID":site_id}},"timeoutMillis":1000}'>
      <div placeholder="">
      </div>
      <div fallback="">
      </div>
    </amp-ad>
    {{/isDisplay}}{{#isAniviewVideo}}
    <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-playonview="1" data-pauseonunseen="1" data-publisherid="5e0e296628a061270b21ccab" data-channelid="{{code}}" data-ref1="AV_CDIM1=SPOT_ID&AV_SCHAIN=1.0,1!spotim.market,{{seller_id}},1,,," data-passbackurl="https://play.aniview.com/57b31584f83f1518108b4568/5e71193539e7c102b4435af3/spotimpassback.js">
    </amp-ad>
    {{/isAniviewVideo}}{{#isSRVideo}}
    <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-blade_player_type="{{type}}" data-blade_player_id="{{code}}" data-blade_api_key="587dfc37febaab0002000001" data-blade_macros="{"sub_id":"spotId=SPOT_ID&source=recirculation_amp"}">
    </amp-ad>
    {{/isSRVideo}}
  </template>
</amp-list>
<amp-layout layout="responsive" width="0" height="0">
</amp-layout>

Replace the SPOT_ID placeholder.
Replace the SITE_ID with value with the value provided by your OpenWeb PSM.