Burts AIS, osCommerce & More Blog
New URL: www.osworld.biz

Sunday, October 23, 2005

Google Adsense Images

I've seen quite a few sites that have placed Images next to their Google Adsense Ads, I think that this practice is OK under the ToS of Adsense, but I'm also of the opinion that is does sail quite close to the wind and *could* get you into trouble... In other words, use the code in this article at your own risk!!! In this article, I'll show you the simplest and easiest way to place images near to your Adsense Ads. You'll need 10 minutes of your time to read through this article, as well as a graphics program (for making the graphic), and the ability to create (or amend) files in your webhosting service... Step 1: Find (or make) a good graphic to use. Pretty simple - I'll use this one of a guy looking over a sign which I found at Big Stock Photo Step 2: Enclose your Google Adsense Code in a <div> like this:

<div id="google">
  <!-- start adsense-->
  <!-- end adsense-->
What this does is place the Google code into a "container" called "google". We can style this container to suit our needs using Cascading Style Sheets (CSS). Obviously you need to change "google_code_here" to your actual Adsense code! Step 3: Upload the image to your webspace, and remember it's location and name. In my case this is /images/guy-blank-sign.jpg Step 4: Amend your stylesheet to set CSS onto the
that we made in Step 2. Add this code to your stylesheet:
#google {
   background: url(images/guy-blank-sign.jpg) no-repeat white;
   padding-top: 175px;
In this code, you can see that I have set the background of the container to use the image I uploaded in Step 3. You will also notice a strange piece of code:
   padding-top: 175px;
What this is saying is: Start the contents of the "container" 175 pixels from the top of the container. Why 175px? This is the height of the image I am using! We don't want the Adsense Ads to overlay the Image, thus we need to start the Adsense Ads 175 pixels from the top of the Container! Simple, right? And that is all there is to it! If you have followed my instructions correctly, you should have an Adsense Ads area that now looks like this: Rather than the standard no image Adsense Ads! Of course with good use of CSS, you can place your image on the right or left, or top or bottom of the Adsense Ads! Or on all the sides! You can manipulate the Ad to look however you want! It's simple. For further reading please see the w3school CSS tutorial.
This article may be freely reproduced, so long as you linkback to this Blog.
If you prefer not to deal with the code in your websites directly and would like me to implement an image for you, using CSS, please feel free to get in touch - my email address can be seen in the right hand column of this blog.

New URL: www.osworld.biz - thanks!


At 11/30/2005 10:43:00 PM, Blogger Gary B. said...

Important Update to this post, please read the following email which was found in the "Warrior Forum"

Hello Xxxxx,
Thanks for following up in this matter. We found that your site was drawing unnatural attention to Google ads. This includes language such as,

as well as the image of a person looking directly at the ads, such as on {page url removed}. This activity - which can artificially inflate AdWords advertiser costs - is prohibited by our program Terms and Conditions. As a result, we've permanently disabled ad serving to {removed url}.

Your account remains active. However, we suggest that you take the time to review our program policies (https://www.google.com/adsense/policies) to ensure that all of your other pages are in compliance.

The Google AdSense Team

So what the Adsense Team are saying is that images are against the Google ToS. Whether this applies to all images, or only to images of people looking at/pointing to the Ads, I do not know.

It's probably best to stay safe and remove any images that might not comply with the ToS.


Post a Comment

<< Home

View Latest Posts

To View Newer Posts - Click Here!