Adsense Beautifier - against Google Adsense TOS?!

This is a major development in Google Adsense implementation. I think, most blogs that I've seen need to check their Adsense implementation because they might be violating the TOS. Inside Adsense recently discussed about placing images near your ads. Most people says it's okay as long as there is a border between the image and the ads. Someone even made a Wordpress plug-in for it and called it Adsense beautifier. But hey, look at this development. Kindly read the latest stand of Google Adsense when it comes to placing images near your ads. Here is an excerpt:

Can I place small images next to my Google ads?

We ask that publishers not line up images and ads in a way that suggests a relationship between the images and the ads. If your visitors believe that the images and the ads are directly associated, or that the advertiser is offering the exact item found in the neighboring image, they may click the ad expecting to find something that isn't actually being offered. That's not a good experience for users or advertisers.

Publishers should also be careful to avoid similar implementations that people could find misleading. For instance, if your site contains a directory of Flash games, you should not format the ads to mimic the game descriptions.

What if I place a space or a line between my images and my ads? Would that work?

No. If the ads and the images appear to be associated, inserting a small space or a line between the images and ads will not make the implementation compliant.

Read the full entry here. On the full entry, you can see an example of an implementation which violates the TOS, including an "ad-near-image" placement similar to Adsense Beautifier:



So, is Adsense Beautifier against the TOS? I think, it's obvious. Better play safe than sorry.

Wrapping your Adsense code inside your post

For the past couple of weeks, I've been busy studying different things so as to increase my Adsense earnings. I studied a little bit of Javascript and came up with the following tweak so as to put your Adsense ads inside your post. You will see this code at work at my Wantusawa blog. You'll notice that the Adsense ad is actually inside the post. So, how did I do that? Here is the step by step guide:

1. Back up your template first, ok?
2. Look for <$BlogItemBody$> tag in your template.
3. Replace <$BlogItemBody$> tag with the code below:

<div id="first<$BlogItemNumber$>"></div>

<MainPage>
<table align=left><tr><td>
YOUR ADSENSE CODE (square or rectangle format)
</td></tr></table>
</MainPage>
<ItemPage>
<table align=left><tr><td>
YOUR ADSENSE CODE (square or rectangle format)
</td></tr></table>
</ItemPage>

<div id="last<$BlogItemNumber$>">
<$BlogItemBody$>
</div> <br />

<MainPage>
<script language="JavaScript">
var obj0=document.getElementById("first<$BlogItemNumber$>");
var obj1=document.getElementById("last<$BlogItemNumber$>");
var s=obj1.innerHTML;
var r=s.search(/<adsense>/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+9);}
</script>
</MainPage>
<ItemPage>
<script language="JavaScript">
var obj0=document.getElementById("first<$BlogItemNumber$>");
var obj1=document.getElementById("last<$BlogItemNumber$>");
var s=obj1.innerHTML;
var r=s.search(/<adsense>/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+9);}
</script>
</ItemPage>

4. Republish your blog.
5. Now, it's ready. The next step is to mark the place in your post where you want your Adsense ads to appear. How? Use the <adsense> tag.

Example.

This is a post. This is longer post. <adsense> This is another post. This is another post. Etc. Etc.

The ad will appear on the place where you put the tag.

That's all folks!

Note: This only works on current Blogger version, this is not for Beta.
You can put the Adsense Ad to the right by simply changing the align=left to align=right on the table tag.