HTML5 with Google Web Designer create floating ads?

[Bernice Paz]

I've been asked to create a few test ads with HTML5; specifically floating and video banner ads to sell on www.pressdemocrat.com and ROS of our network. 

Issues I've came across:

1. clickTAG code for HTML5 in GDW; I've seen some post regarding this, but really not firm answer; do I need a third party vendor to serve HTML5 ads? or can I upload them to DFP similar to how we upload Flash files?

2. DFP trafficking with out the premium service; it would appear we don't have all the options available to upload our ads.

3. good place to download test files? http://www.richmediagallery.com/resources/template-database#

Any suggestions would be much appreciated.

Bernice Paz

Interactive Marketing Designer

The Press Democrat

[Brandon Tenner]

This is how I went about hosting GWD floating ads in DFP Small Business:

<!--Begin the code that should be entered into DoubleClick for Publishers-->

<script type="text/javascript">

function HideFrame() {
  var fr = document.getElementById ("floatLayer");
   fr.style.display="none";
 }
 
 function ShowFrame() {
     var fr = document.getElementById ("floatLayer");
   fr.style.display="block";
 }
</script>

<div id="smallWrapper" style="position:relative">
<iframe id="smallAd" src="http://www.webaddressforsmallad.com/index.html" height="90" width="970" scrolling="no" frameborder="0" onmouseover="ShowFrame()"></iframe>
<div id="smallClickTag" style="position:absolute; left:0px; top:0px; height:90px; width:970px;" onclick="ShowFrame()"></div>
</div>
<div id="wrapper" style="position:absolute; width:700px; height:1px; z-index:0; right:50%; bottom:65%">
   <div id="floatLayer" style="position:relative; width:700px; height:700px; z-index:9999; left:50%; top:35%; display:none;">
       <img src="http://www.webaddressforclosebutton.com/closeButton.png" alt="close" height="20" width="67" align="right" onclick="HideFrame()"></img>
       <iframe id="expandedAd" src="http://www.webaddressforlargead.com/index.html" height="700" width="700" scrolling="no" frameborder="0" ></iframe>
   </div>
</div>

<!--End the code that should be entered into DoubleClick for Publishers-->

Impressions will be tracked through DFP but clicks will not. My solution to this is to use a html redirect that is tracked through Google Analytics.

Cheers,

Brandon Tenner
Graphic Designer
Capital Press Ag Media

[Mike Morkes]

You'll need to use DoubleClick Studio or a 3rd party vendor to get them into DFP.