Deprecated: Assigning the return value of new by reference is deprecated in /home/gathadam/public_html/wp-settings.php on line 520

Deprecated: Assigning the return value of new by reference is deprecated in /home/gathadam/public_html/wp-settings.php on line 535

Deprecated: Assigning the return value of new by reference is deprecated in /home/gathadam/public_html/wp-settings.php on line 542

Deprecated: Assigning the return value of new by reference is deprecated in /home/gathadam/public_html/wp-settings.php on line 578

Deprecated: Function set_magic_quotes_runtime() is deprecated in /home/gathadam/public_html/wp-settings.php on line 18
How to wrap your Adsense in content for a better CTR
Previous     Next

How to wrap your Adsense in content for a better CTR

OK, so everyone knows that one of the best places for your Adsense ads is mixed in with your primary content. Even Adsense Help recommends it:

Adsense Help: Where should I place Google ads on my pages?

Here are 2 tips to really mix your Adsense Ads (or YPN) in with the content. The first is dead easy and the second builds on it.

Wrapping text to the right of your Ad block.

To get this:

Just use this:

<div style=’width:400px’>
<div style=’float:left;margin-right:5px’>
– Your Adsense Code –
</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nisl. Curabitur euismod sagittis augue. Maecenas eget mi sed nisi pharetra faucibus. Duis consectetuer eros nec enim. Proin egestas luctus odio. Cras tellus lorem, porttitor sit amet, iaculis sit amet, luctus id, nunc. Sed rutrum est nec dolor. Curabitur blandit tempus nunc. Sed felis metus, tempus ac, tempor nec, ornare at, lectus. Donec vitae dolor. Sed lobortis ornare nibh. Morbi felis. Aenean at dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nisl. Curabitur euismod
</div>

The important bit is the div that wraps around the adsense code:

The ‘float:left’ style will cause the div to go to the left its container, and allow text to wrap around it. The ‘margin-right’ style just adds some space between the ad block and the text so it doesn’t run together and look messy.

OK, super-simple. Next up:

Wrapping text to the right, and above, your ad block

To get this:

Use this:

<div style=’width:400px’>
<div style=’float:left;width:1px;height:50px;’></div>
<div style=’float:left;clear:left;margin-top:10px;margin-right:5px’>
– Your Adsense Code –
</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nisl. Curabitur euismod sagittis augue. Maecenas eget mi sed nisi pharetra faucibus. Duis consectetuer eros nec enim. Proin egestas luctus odio. Cras tellus lorem, porttitor sit amet, iaculis sit amet, luctus id, nunc. Sed rutrum est nec dolor. Curabitur blandit tempus nunc. Sed felis metus, tempus ac, tempor nec, ornare at, lectus. Donec vitae dolor. Sed lobortis ornare nibh. Morbi felis. Aenean at dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nisl. Curabitur euismod
</div>

Again, floats are used. This time we are also using a another div to ‘push’ the wrapper div down the page.

<div style=’float:left;width:1px;height:50px;’></div>

This is the div that pushes the wrapper div down


<div style=’float:left;clear:left;margin-top:10px;margin-right:5px’>

This is the div that wraps around your adsense code. Note the ‘clear:left’, that makes the second div go under the first, rather than next to it. The ‘margin-top:10px’ was added because the text at the top of the ad was getting mixed in with it otherwise.

Done!


If you liked this, then subscribe to my RSS feed

5 comments

  1. Leo Dimilo May 20

    Thanks so much for this nugget. I will be telling people how to do this and linking your site to this

  2. anotherAdmin Jun 18

    Thanks for this tip. I’m testing a 200×200 picture box, this is the second thing i’ll test just in case……

  3. Ebay Blog.net: Make Money Selling Online Oct 5

    Thanks a lot!

    This is the only exact post about adsense wrapping, everything else is a CSS guides.

  4. Katya Jun 28

    Nice tip. I will try to this in my articles :)

  1. How to Wrap Your Google Adsense Code into your Posts - Idiot Affilate