Global JS Tag integration

Global JS Tag integration can be applied if you wish to serve display.io ads through MoPub SDK.

The display.io Global JS Tag integration through the MoPub mediation platform supports:

•   Interstitial (320x480)  - Video and Display ad formats 
•   Infeed (300x250) - Video and Display ad formats
•   Medium Rectangle (300x250) - Display ad format 
•   Banner (320x50) - Display ad format 

A. Setting up VAST video in your display.io account:

1. Create an App with integration JS tag.


2. Create Placements.

•   Interstitial (320x480) - Video and Display ad formats 
  or
•   Infeed (300x250) - Video / Display ad formats
  or
•   Medium Rectangle (300x250) - Display ad format 
  or
•   Banner (320x50) - Display ad format 

B. Setting up Global JS tag in your MoPub account:

1. Create a New Order

• Click on the ‘Orders’ tab in the header.

• Click the ‘Create Order’ button.

• Enter a descriptive name for the order and set the Advertiser to “Display.io”.

2. Create a new Item line

• Define ‘Type’ as Non-guaranteed

• Define ‘Advanced Targeting’: Configure the ‘Frequency Caps’ section with approved daily impression per user cap.
• Choose ‘Start immediately’ if you want to start ad serving right after the settings are saved.

• Define ‘Ad Unit Targeting’: 
  • Choose ‘Full Screen (320x480)’ for display.io Interstitial Ad Unit 
  • Choose ‘Medium Rectangle (300x250)’ for display.io Infeed or Medium Rectangle Ad Unit
  • Choose ‘Banner’ for display.io Banner Ad Unit

3. Create a New Creative

Add a new creative: configure the required fields:

• ‘Format‘:
  - Choose ‘Full Screen’ for display.io Interstitial Ad Unit 
  - Choose ‘Medium Rectangle’ for display.io Infeed or Medium Rectangle Ad Unit
  - Choose ‘Banner’ for display.io Banner Ad Unit
• ‘Creative Type’ - HTML
•  
• ‘Orientation’  (for Full Screen (Interstitial) only) -  Responsive
• ‘Creative dimension’:
  - Choose '250x300'  for ‘Medium Rectangle’ 
  - Choose '50x320'  for ‘Banner’ 
• ‘MRAID ad’ - yes
• ‘Impression tracking URL‘ - leave empty
• ‘HTML‘ - insert Global JS Tag (below)

Global JS Tag to be inserted into Creative's HTML field:

<script type="text/javascript">
var dioParams = {
   url: 'https://appsrv.display.io',
   data: {
       appId: 'YOUR_APP_ID',
       placementId: 'YOUR_PLACEMENT_ID',
   },
   macros: {
       lat: '%%LATITUDE%%',
       lon: '%%LONGITUDE%%',
       deviceId: '%eudid!',
       bundleId: '%%BUNDLE%%',
       requestId: '%%REQUESTID%%',
       userAgent: '%%USERAGENT%%',
       doNotTrack: '%%DNT%%',
       keywords: '%%KEYWORDS%%',
   }
};
</script>
<img id="initjstag-beacon" style="display:none;" src="https://appsrv.display.io/imp?metric=initJs&placementId=YOUR_PLACEMENT_ID"/>
<script type="text/javascript" src="https://cdn.display.io/js/preGlobalTag.js"></script>

In order to be GDPR compliant in case of European Economic Area, United Kingdom, or Switzerland geo targeting the following parameters that contain personal data should be excluded from Global JS tag:

• lat: '%%LATITUDE%%',
• lon: '%%LONGITUDE%%',
• deviceId: '%eudid!',
• keywords: '%%KEYWORDS%%',

Please find your application ID and placement ID in Publisher Portal account (or ask your Account Manager), replace them in the code above and paste in the MoPub creative page into the HTML Body input. 
Or in Publisher Portal click INTEGRATE button associated with your placement and a relevant Global JS code with defined application ID and placement ID will be downloaded, and will be ready for inserting to HTML Body input.