Thursday, December 19, 2013

Chef LeeZ - Google Web Designer - the Iframe work around

Chef LeeZ earlier test using Google Web Designer - GWD- their intertistial iframe option was that it failed to adjust the slide bars so as to enable seeing the entire object. It is, at this time, a logged bug!

Well here's something that works ... and demonstrates your ad needs to be designed to the size of the initial view port inside the slider bars .. then entice your visitor to the visit rest of Ad as voluntary user interaction.

This version of Chef LeeZ, ( http://www.cookingschoolsintl.com/chefleez/indexN1.html) is an unpublished site. It proves this code does work for both Chrome and I E.  Simply add the code between  the two the top <body> and teh final  <body> of the page code.

  <div style="position:fixed;top:0px;left:150px;width:150px;background-color:red;">
      <iframe width="150" height="100" ;="" seamless="" src="http://www.yourwebsite.com"></iframe>
    </div>
Let's break this down a little as we did two searches 1) for position code and 2) iframe code and melded them for you as follows for our example.  For yours you would put your src="URL" in place of ours

 <div style="position:fixed;top:0px;left:150px;width:150px;background-color:red;">
      <iframe width="150" height="100" ;="" seamless="" src="http://www.cookingschoolsintl.com/chefleez/Ads/Xmas2013/index.html"></iframe>
    </div>

Position: above, Top __ Left ##px, then the width which lets you set where on the page the iframe will sit as you will not see it render on your design page as anything more than a div box 

The <iframe code defines the size of the container the iframe will be  width and height.

This proves Chef LeeZ first ad designs will not be effective in an iframe.







No comments:

Post a Comment