Mobile Web Tag Integration

To implement Mobile Web Ad Tag  you need:

1. To copy and paste the Mobile Web Ad Tag – Config Script into the source code of your mobile webpage between the HTML head tags.
2. To copy and paste the Mobile Web Ad Tag – Ad Placement script into the source code of your mobile webpage between the HTML body tags, where you want the ad to display. You should add one Ad Placement script for each ad’s placeholder on your page: if you need 5 ad placeholders on the page – the script should be repeated 5 times and located on the relevant places within the webpage.
3. To replace siteID and placementID placeholders with your inventory IDs on the display.io platform (please ask your Account Manager for your site and placement IDs).
4. To copy and paste the User Identity Tag Script into the source code of your mobile webpage between the HTML head tags.
5. To customize UX&Data:
   a. To customize ad unit colors – optional.
   b. To customize ad unit header text  – optional.
   c. To set up a passback tag – optional.
   d. To set up impression notification URLs – optional.
   e. To define fixed header attribute  – mandatory if your web page has a fixed header.
   f. To set up required Interscroller UX mode: Reveal / Non-Reveal – optional.
   g. To define additional parameters for a better monetization – optional.

To ensure that your ad performs as optimally as possible please follow the following recommendations:

• Ad Placement Script should be placed “below the fold” so that users need to scroll down through content to reach the ad.
• The tag should be inserted directly into the page’s HTML.
• The page must contain a mobile-optimized viewport tag.
• The format assumes that the window containing the page is scrollable. This is verifiable by typing window.scrollBy(0, 100) into the browser’s javascript console.
• The tag must not be nested in any containers which cause its content to become scrollable (elements with overflow: scroll and elements with overflow: auto whose content exceeds their explicit size).

Also in order to get fill make sure that display.io ads.txt lines are added to your ads.txt file, which should be hosted under your website domain root level. Please ask your Account Manager for the updated ads.txt list. To learn more about Ads.txt project visit https://iabtechlab.com/ads-txt/ .

Display.io is committed to compliance with the California Consumer Privacy Act (“CCPA”), which came into effect in 2020.  Within the compliance on technical level we support IAB CCPA Compliance Framework for Publishers and Technology Companies and agreed to the Limited services Provider Agreement (LSPA). If you are willing to implement the IAB CCPA Compliance Framework all the detailed information about actions to be applied is described in the official IAB Tech Specs. If you don’t plan to support the IAB CCPA Framework, please provide us with information regarding your technical capabilities to (a) accept and effectuate an end user’s opt-out of data selling requests and data deletion requests; and (b) transfer signals of such requests down the stream.

<script>
  var webisDio = {};
  webisDio.onImpression = (adData) => { /* example: */ console.log('impression: placement', adData.placement, ', CPM: ', adData.cpm)}
</script>

headerTextColor: 'white',
headerBackgroundColor: 'black',
adContainerBackgroundColor: 'transparent'

inFeedModeStyle: {
  backgroundColor: "grey",
  buttonTextColor: "#fff",
  buttonBorderColor: "#fff",
  buttonBackgroundColor: "transparent",
  titleColor: "#fff",
  advertiserNameColor: "#fff",
},
headlineModeStyle: {
  backgroundColor: "#ddd3fc",
  buttonTextColor: "#000",
  buttonBorderColor: "#000",
  buttonBackgroundColor: "#9be3e1",
  titleColor: "#000",
  advertiserNameColor: "#000",
}

<script type="text/javascript">
(function() {
   var purl = window.location.href;
   var url = '//ads.pubmatic.com/AdServer/js/pwt/158101/4678';
   var profileVersionId = '';
   if(purl.indexOf('pwtv=')>0){
         var regexp = /pwtv=(.*?)(&|$)/g;
         var matches = regexp.exec(purl);
         if(matches.length >= 2 && matches[1].length > 0){
               profileVersionId = '/'+matches[1];
         }
   }
   var wtads = document.createElement('script');
   wtads.async = true;
   wtads.type = 'text/javascript';
   wtads.src = url+profileVersionId+'/pwt.js';
   var node = document.getElementsByTagName('script')[0];
   node.parentNode.insertBefore(wtads, node);
})();
</script>

<head>
<!-- display.io Config Script -->
  <script type="text/javascript">
    var dioParams = {
      adsSrvDomain: 'appsrv.display.io',
      cdnDomain: 'cdn.display.io',
      fixedHeaderSelector : 'page-fixed-header',
      passbackTag: '<div id=\'gpt-passback\'><img src=\'https://cdn.display.io/display/Infeed_Mrect/oreo_300x250.jpg\'><script>console.log(\'No bid response. The passbackTag was applied.\')<\/script><\/div>',
      headerText: 'Scroll to continue with content',
      headerTextColor: 'white', 
      headerBackgroundColor: 'black',
      adContainerBackgroundColor: 'transparent',
      pageCategory: 'IAB18-6,IAB18-5,IAB18-3',
      keywords:  'pandemic,finance,report',
    };
  </script>

<!-- User Identity Script -->
  <script type="text/javascript">
  (function() {
     var purl = window.location.href;
     var url = '//ads.pubmatic.com/AdServer/js/pwt/158101/4678';
     var profileVersionId = '';
     if(purl.indexOf('pwtv=')>0){
           var regexp = /pwtv=(.*?)(&|$)/g;
           var matches = regexp.exec(purl);
           if(matches.length >= 2 && matches[1].length > 0){
                 profileVersionId = '/'+matches[1];
           }
     }
     var wtads = document.createElement('script');
     wtads.async = true;
     wtads.type = 'text/javascript';
     wtads.src = url+profileVersionId+'/pwt.js';
     var node = document.getElementsByTagName('script')[0];
     node.parentNode.insertBefore(wtads, node);
  })();
  </script>
.....
</head>
<body>
............
<!-- if your page has a fixed header menu -->
<your_HTML_header_element id="page-fixed-header" ...>
............
<!-- display.io Ad Placement Script N1 -->
<script async src="https://cdn.display.io/webis/webis.min.js#site=1234?placement=2345"></script>
............
<!-- display.io Ad Placement Script N2 -->
<script async src="https://cdn.display.io/webis/webis.min.js#site=1234?placement=2346"></script>
............
<!-- display.io Ad Placement Script N3 -->
<script async src="https://cdn.display.io/webis/webis.min.js#site=1234?placement=2346"></script>
............
</body>