Forum Moderators: martinibuster
I've been a lurker/occasional poster here for well over a year now and I can't remember seeing this discussed before or seen it being used on any AdSense site, so I thought I'd bring it up to see what people thought.
The concept is to place the AdSense code in an absolutely positioned div tag that hovers over the main content of the page. It also has a javascript powered close button/link on it to allow the visitor to get rid of it. I'm sure you've come across similar non-AdSense implementations of this technique.
I will reply to this post after with some html code so that you can see a very basic example of what I mean. A proper implementation would include cookies to track if the ad had been shown this session etc.
I've spent the afternoon going through the AdSense T&C and Program Policies trying to find something that might stop us using this technique. So far I haven't come up with anything concrete. I've listed the bits that would obviously relate to this technique below:
I'm sure there are other sections that might stop us using this technique. These are just the main points I came up with. Also, I haven't emailed AdSense support about this and I'm pretty sure they would be against it but you never know. It's worth discussing at least.
Let me know what you think.
Stevo
========================
<html>
<head>
<title>AdSense In A Floating And Closeable Div Tag</title>
<style>
body {
text-align : center;
font : 0.8em "Trebuchet MS",Verdana,Arial,Sans-serif;
}
#adsense_ad {
position : absolute;
left : 30%;
top : 15%;
width : 350px;
height : 325px;
background : #ffffff;
border : 1px solid #000000;
text-align : center;
}
#adsense_ad_close {
}
#adsense_ad_img {
width : 336px;
height : 280px;
border : 0px;
background : #dddddd;
}
#content {
margin : 0 auto;
width : 760px;
text-align : left;
}
</style>
<script type="text/javascript">
function closeAdsenseAd() {
if(document.layers) {
document.layers['adsense_ad'].visibility = "hide";
} else if(document.getElementById) {
var obj = document.getElementById('adsense_ad');
obj.style.visibility = "hidden";
} else if(document.all) {
document.all['adsense_ad'].style.visibility = "hidden";
}
}
</script>
</head>
<html>
<div id="adsense_ad">
<a id="adsense_ad_close" href="javascript:closeAdsenseAd();">Close Ad</a><br /><br />
<a href="javascript:alert('This is a dummy ad');"><img src="336x280.gif" id="adsense_ad_img"></a>
</div>
<div id="content">
<h1>Main Header</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
<h2>Sub Header 1</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
<h2>Sub Header 2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
<h2>Sub Header 3</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a enim vel ipsum blandit vestibulum. Cras elementum, sapien vel viverra lacinia, urna neque commodo arcu, a vestibulum magna nisl ac nisl.</p>
</div>
</html>
</head>
Is that the bit you are referring to? It stops you obscuring the ads but I can't find anything that says your ads aren't allowed to obscure your content.