Adding A Google AdSense Ad To Your Website

On 06.21.09, In Ad Placement, by Tim

Ok, so in our previous lesson we created our first ad. Now it is time to learn how to integrate it into our website with the ad code generated in our control panel.

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Ok, so in our previous lesson we created our first ad. Now it is time to learn how to integrate it into our website with the ad code generated in our control panel.

What we first want to do is think about where we want to place our ad. This will depend on what ad size we first created. If we created a 160×600 ad, it will most likely fit within our right hand column side bar. If we had a 30×250 we would place it in the middle of our content. Since this is a beginner lesson we will just get an ad to be placed within a very basic web page starting from scratch.

Lets take a look at the code snippet below. I just created a very basic HTML page.

<html>
   <head></head>
   <body>
   </body>
</html>

As you can see, it is quite simple. Lets add our content if it not there already. If you do not have content then Google “lorum ipsum” to get some generic text to place into our content and add it within the paragraph tag like below.

<html>
  <head></head>
  <body>
       <div>Lorem Ipsum is simply dummy text of the printing
       and typesetting industry. Lorem Ipsum has been the
       industry's standard dummy text ever since the 1500s,
       when an unknown printer took a galley of type and
       scrambled it to make a type specimen book. It has
       survived not only five centuries, but also the leap into
      </div>
  </body>
</html>

Tip: Never add an AdSense ad without content on a web page. If Google sees that they could ban you. Also, it is not good for the advertisers.

Now that we have some text for this example, lets embed this ad. Navigate into the Goolge AdSense control panel and click manage ads. click on the ad you want and click get code. This is the code that will display our ad.

<html>
   <head></head>
    <body>

       <div>
       <script type="text/javascript">
       google_ad_client = "pub-5728034697185927";
       /* 250x250, created 6/15/09 */
       google_ad_slot = "4262531691";
       google_ad_width = 250;
       google_ad_height = 250;
       </script>
       <script type="text/javascript"
       src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
       </script>
       </div>

       <div>Lorem Ipsum is simply dummy text of the printing
       and typesetting industry. Lorem Ipsum has been the
       industry's standard dummy text ever since the 1500s,
       when an unknown printer took a galley of type and
       scrambled it to make a type specimen book. It has
       survived not only five centuries, but also the leap into
       </div>
    </body>
</html>

What to look out for. Google AdSense has many many rules when it comes to ad placement. One of the biggest is making sure there are no more than three ads on one page. In future lessons there will be a much more in depth walk through.

Ok. We now have our first ad placed on our web page. Now we want to make sure our ads are relevant. Since we created a very basic HTML page, there will likely be no match to our content. Lets take a look at some ways on how to make our ads relevant. You will see why this is so important in the next lesson.

Next Lesson: How To Get Relevant Google AdSense Ads

Previous Lesson: Creating Your First Google AdSense Ad