Pushdown Banners - Clientwork - DFP Hosted


Coverage Systems - DFP Hosted Push Down Banner

Here is the Google Code used.

<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') + 
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
var _dfpId="div-gpt-ad-1418304516121-0";
console.log(_dfpId);
</script>

<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/1055656/PDB1000X250', [1000, 250], 'div-gpt-ad-1418304516121-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});

</script>

 

<!-- PDB1000X250 -->

<div id='div-gpt-ad-1418304516121-0' style='width:1000px;height:80px;overflow:hidden'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1418304516121-0'); });
</script>
</div>

 

Notice in the JavaScript the height is 250, but in the DIV it is only 80.

We also add the var div-gpt-ad-1418304516121-0 into the Push Down Banner variables so that it looks lihe this.

 

<script type="text/javascript">
var _gPDBSpeed = 20;
var _gPDBTime = 700;
var _dfpId='div-gpt-ad-1418304516121-0';
</script>