Overview

Playwire Banner Advertising unlocks revenue potential for your sites and helps you maximize your earning potential with our cutting-edge header bidding integration. We make the process of adding banner advertising to your site seamless and efficient. Here is a summary of implementation to the steps listed below.

1

Create Test Page

2

Implement Playwire Code In Google Tag Manager

3

Ad Server Implementation

1

Create Test Page

Please duplicate a common or frequently visited page, for example – the homepage and article layout. Make sure the URL is publicly accessible (i.e. – https://mydomain.com/playwire-test) and provide any log in credentials if applicable. The test pages will help our advertising partners audit the ad experience and will also help Playwire test custom campaigns and ad creatives in future.
2

Implement Playwire Code In Google Tag Manager

Your Playwire Account Manager will provide you with on-boarding links specific to your account and website.

  1. Make sure to select Third-party as the creative type
  2. HTML Type must only be set to Standard
  3. Serve into a SafeFrame must be unchecked
  4. The Playwire Publisher Team will provide you with the exact code snippets that correspond to ad unit sizes for your site
  5. Line item must limited to serve up to 2 sizes only
3

Ad Server Implementation (Code to be pasted into Google Ad Manager Creative)



Medium Rectangle Above the Fold (ATF): Desktop – 300×250, 300×600, Mobile – 300×250

<div id="dfp-med-rect"></div>
<script type="text/javascript">
function init(){ 
    window.tyche.addUnits([{selectorId:'dfp-med-rect',type:'med_rect_btf'}])
    .then(()=>{window.tyche.displayUnits();})
    .catch((\'e'\)=>{console.log('med rect failed', error)});
  }
var tyche = { 
    mode: "tyche", 
    config: "https://config.playwire.com/##/v2/websites/##/banner.json",
    passiveMode: true, onReady: function () { window.init() } 
}
</script>
<script 
    id="tyche" 
    src="https://cdn.intergi.com/hera/tyche.js" 
    type="text/javascript">
</script>

Medium Rectangle Below the Fold (BTF): Desktop – 300×250, 300×600, Mobile – 300×250
    
    <div id="dfp-med-rect-btf"></div>
    <script type="text/javascript">
      function initFunction(){ 
        window.tyche.addUnits([{ selectorId: 'dfp-med-rect-btf', type: 'med_rect_btf' }])
        .then( () => { window.tyche.displayUnits(); }).catch( (e) =>{ console.log('med rect btf failed');
        console.log(e);
        });
      }
      var tyche = { mode: "tyche", config: "https://config.playwire.com/1024005/v2/websites/72188/banner.json",
      passiveMode: true, onReady: function () { window.initFunction() } 
    };
    </script>
    <script id="tyche" src="https://cdn.intergi.com/hera/tyche.js" type="text/javascript"></script>
    
    
Leaderboard Above the Fold (ATF): Desktop – 728×90, 970×250, Mobile – 320×50
    
    <div id="dfp-leaderboard-atf"></div>
    <script type="text/javascript">
      function initFunction(){ 
        window.tyche.addUnits([{ selectorId: 'dfp-leaderboard-atf', type: 'leaderboard_atf' }])
        .then( () => { window.tyche.displayUnits(); }).catch( (e) =>{ console.log('leaderboard atf failed');
        console.log(e);
        });
      }
      var tyche = { mode: "tyche", config: "https://config.playwire.com/1024005/v2/websites/72188/banner.json",
      passiveMode: true, onReady: function () { window.initFunction() } 
    };
    </script>
    <script id="tyche" src="https://cdn.intergi.com/hera/tyche.js" type="text/javascript"></script>
    
    
Leaderboard Below the Fold (BTF): Desktop – 728×90, 970×250, Mobile – 320×50
    
    <div id="dfp-leaderboard-btf"></div>
    <script type="text/javascript">
      function initFunction(){ 
        window.tyche.addUnits([{ selectorId: 'dfp-leaderboard-btf', type: 'leaderboard_btf' }])
        .then( () => { window.tyche.displayUnits(); }).catch( (e) =>{ console.log('leaderboard btf failed');
        console.log(e);
        });
      }
      var tyche = { mode: "tyche", config: "https://config.playwire.com/1024005/v2/websites/72188/banner.json",
      passiveMode: true, onReady: function () { window.initFunction() } 
    };
    </script>
    <script id="tyche" src="https://cdn.intergi.com/hera/tyche.js" type="text/javascript"></script>
    
    

Serving to your Webpage


Playwire Third Party Tags are flexible and can be used in any Ad Server environment. In this example, we will walk you through the most common use case – using Google Ad Manager as the Ad Server and serving to the page via Google’s Publisher Tag. If you need a refresher on Google Publisher Tag, please refer to the Google Publisher Tag Documentation. In the code and demo below, Google Publisher Tag is serving demo Playwire Third Party Tags code as the ad creative.

On Page Implementation

Standard Googletag <head> scripts
    
    <!-- Example googletag implementation -->
    <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
    <script>
      var googletag = googletag || {};
      googletag.cmd = googletag.cmd || [];
    </script>
    
    <script>
    googletag.cmd.push(function() {
        googletag.defineSlot('/AccountID/APAdX//Ad_unit_name', [300, 250],
        'div-gpt-ad-XXXXXXXXXXXXX-0').addService( googletag.pubads() );
        googletag.pubads().enableSingleRequest();
        googletag.enableServices();
      });
    </script>
    
    
Standard Googletag <body> scripts to display the units
    
    
    <div id="div-gpt-ad-1550229350329-0" style="height:250px; width:300px;">
    <script>
        googletag.cmd.push(function(){
          googletag.display('div-gpt-ad-XXXXXXXXXXXXX-0'); 
        });
    </script>
    </div>
    
    
    

Demo – Medium Rectange 300×250 Unit being served via Googletag

Send Test Page for Review

The last step in the process before putting Playwire’s Code live on your site, is to send your test pages for review.Once you’ve completed the checklist below, send your test page links to your Playwire Account Manager for approval. Once approved, we will set a launch date to implement on your live site.

Publisher Test Page Checklist

Are the appropriate ads showing up on your site?

Is the old ad code off the site?

Is the test page a publicly accessible URL?

Provide login info and test page URLs to your Playwire Account Manager

  • Was this Support Article Helpful ?
  • yes   no