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

Determine Your Implementation Type

2

Create Test Page and Remove Previous Ad Partner Code

3

Implement Playwire Code and Send For Review

1

Determine Your Implementation Type

Before we begin, it’s important for your Account Manager to help you determine which implementation type is right for you. Below is a brief description of each type. In the article below, we will walk through the most common usage: Standard Tags Implementation.

Standard Tags ( Recommended ) – Most commonly used solution as it handles most use cases for our publishers. Implementation is simple and straightforward: 2 lines of JavaScript in the <head> and ad placeholders in the <body> where you’d like ads to appear.


Dynamic Tags – Recommended for sites and web apps built with popular Single Page App (SPA) Frameworks such as: React, Angular, Vue. We provide developers with an easy to use API to configure, display and remove ads during the user experience.


3rd Party Tags – For Publishers utilizing their own Ad Server, such as Google Ad Manager, we provide 3rd party ad tags. Due to the limitations of 3rd party servers, this solution does not support all of Playwires’ features. Publishers must first be approved before using this solution, please contact us.

2

Create Test Page and Remove Previous Ad Partner Code

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.
Remove Previous Ad Provider Code
  • On the test page, please remove all previous ad code on your site to prevent conflicts with the new Playwire code.
  • Make sure to check both the <head> and <body> for any remaining previous ad provider code
  • Remove all display and video Google DFP, AdSense, and Prebid.js code from the page; example below:

<!DOCTYPE html>
<html>
<head>
<!-- Remove all scripts from <head> -->
<script async="async" src="https://securepubads.g.doubleclick.net/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>
</head>
<body>

<!-- Remove all scripts from <body> -->
<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>

</body>
</html>

3

Implement Playwire Code

Your Playwire Account Manager will provide you with on-boarding links specific to your account and website. The links provided will contain 2 parts: a) A Live Demo which serves as a visual representation of how the ads will appear and b) You can access the ad tags for your account by clicking the green “Show Ad Tags”. Here are examples of each Live Demo and General Code Snippet Page These are used to help you understand how to implement our code, and how the ads should look, once you put our code on your test page (more instructions below).
Important

Both the <head> scripts and the <body> ad tag placements MUST be in the source code of the web page – NOT injected into the DOM after page load. Lazy loading the scripts into the DOM isn’t supported. If your site is (SPA) Single Page App, we offer a Dynamic Ad Tag Solution.



A note for Cloudfare users: Please disable rocket loader from our scripts by adding data-cfasync=”false” attribute, for further information see the cloudfare support article <script data-cfasync=”false” id=”tyche” src=”//cdn.intergi.com/hera/tyche.js” type=”text/javascript”></script>

Code to be pasted after opening <head> tag
    
    <script type="text/javascript">
        var tyche = { mode: 'tyche', config: '//config.playwire.com/XXXXXXX/v2/websites/XXXXX/banner.json' }
    </script>
    <script id="tyche" src="//cdn.intergi.com/hera/tyche.js" type="text/javascript"></script>
    
    
</head>
Code to be pasted after opening <body> tag

<!-- 728 x 90 ATF Desktop -->
<div data-pw-desk="leaderboard_atf"
     data-pw-mobi="leaderboard_atf">
</div>

<div data-pw-desk="leaderboard_btf"
     data-pw-mobi="leaderboard_btf">
</div>

<!-- 300 x 250 ATF Desktop -->
<div data-pw-desk="med_rect_atf" 
     data-pw-mobi="med_rect_atf">
</div>

<!-- 300 x 250 BTF Desktop -->
<div data-pw-desk="med_rect_btf"
     data-pw-mobi="med_rect_btf">
</div>

</body>

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

Visual Ad Layout Guide

In the interactiver guide below, click on the invidual placement on the left and see a description, creative sizes and the HTML tags to be placed on your site. Please keep in mind, you don’t have to run all placement and all available sizes. When working with your Playwire Account Manager, please indicate the placements and creative sizes you’d like to run on your site.
  • Was this Support Article Helpful ?
  • yes   no