Displaying Google Adsense in Blogs

Google® Adsense® can be a great tool for making money. Blogs are also becoming a great tool for making money. Many people know that the most profitable position to place Google® Adsense® ads is inline with your article text. The dilemna many of us face is that the Google® Adsense® Terms of Service only allow 3 ad blocks per page. The reason this is a problem for bloggers is that most blogs show more than three posts on the main page or in the archives section of the site. When this is the case you can't post an article Google® Adsense® in the article.

While setting up my wife and her friend's new site (www.naturalfamilynews.com), I came up with a trick using JavaScript to fix that problem. The code I wrote works perfectly in WordPress, but you should be able to adapt it to any blog that uses templates.

Step 1. In the head section of the template (between the and tags), you insert the following JavaScript code:



Step 2. Go to the template used to display your post (in WordPress the main template). Then insert the following code inside the display area for the post:



Step 3 Insert your Google® Adsense® code directly following the tag that you inserted in Step 2 above.

Step 4 Insert the following code after the tag from the Google® Adsense® code you inserted in step 3 :



Step 5. Save your changes and test it out.

What this does is create a new DIV section in your code that is hidden if it appears more than three times on the page. So only three ads will appear on any page. If you use Google® Adsense® in other places in your blog, then you will need to adjust the number "temp" in the first step up to display less inline ads. For instance, only two inline ads will appear if you change the code to:



Only one inline ad will appear if you change it to: