Home SEO Tools FAQs Guest post Contact Donate

How to put Adsense ads on a Blogger blog

| 29 comments

Google Adsense in one of the more popular ways to monetize your blog. When implemented, Adsense will display targeted Google advertisements on your blog. The content of the ads is often relevant to your blog page’s content and audience.

This tutorial will show you the three ways how you can add Adsense ads to your blog. Of course to be able to do all this, you have to Sign up to Adsense first.

Note: Adsense allows only up to 3 ad units, 3 link units and 2 search boxes per page. Keep that limit in mind when adding your ads.

 

1. Inline ads

Inline ads put an ad unit at the end of each blog post.

  1. Go to Design > Page Elements and click the edit link in Blog Posts gadget box.
  2. Tick the Show Ads Between Posts checkbox.
    adsense inline ad
  3. Configure your ad frequency, ad format, and colors. Live preview is provided beneath the settings.
  4. Click Save when done.

 

2. Adsense gadget

Use this method to add ad unit as a widget, in places outside the blog post area. You can position it by simply dragging it in Page Elements, just like any other widget. You can even target on which pages it should appear.

  1. Go to Design > Page Elements and click an Add-A-Gadget link.
  2. Select Adsense Gadget
    adsense gadget
  3. Configure your ad format and colors.
  4. Click Save when done.

 

3. Adsense code

This method is not as easy to implement, but it gives you more control. The most notable benefits of using this method are:

  • Place ad anywhere in your blog
    You can place the code anywhere in your blog template, accessing locations otherwise impossible with inline ad or Adsense gadget. You can even place it in your blog post or page.
  • Monitor your ad performance  (channel monitoring).
    Where is the best location to put an ad on your blog? Which format performs the best? Find out by yourself by assigning a channel/channels to an add. You can then monitor the ad performance through the channels. If you are serious about monetizing with Adsense, the this feature is a must use. 
  • Not limited to ad units.
    You can choose types other than ad unit i.e. link unit, search box.

 

Here’s a the procedure for creating an ad and adding it to your blog:

  1. Create an ad in Google Adsense website.
  2. Click AdSense Setup tab and then select Adsense For Content.
    adsense ad setup
  3. Choose your ad type, choose format and colors and assign channels.
  4. When the setup is completed, you will be given a code. To add the ad into your blog, you can either:
    • Paste the code in a HTML/Javascript gadget, or
    • Paste the code in a blog post or page, or
    • Paste the code direct in your template. However the code have to be escaped first, using this escape tool. It gives you total control on the placement of the add . You can also use conditional tags to target on which pages the ad appears.

Enjoy!

29 comments to "How to put Adsense ads on a Blogger blog"

Anup @ Hack Tutors August 25, 2010 1:45 PM    

I mostly used to place Google Adsense below the post title of my blog. Thanks for sharing :)

Greenlava August 25, 2010 3:40 PM    

@Anup @ Hack Tutors
Me too. It's the best performing spot so far.

hemy August 29, 2010 1:24 AM    

thank for dropping by...

Anne Boleyn August 29, 2010 11:11 AM    

hey..visit u here..visit me back kay :)

Bella Enveeus August 31, 2010 4:37 PM    

hey thanks..was thinking of having google adsense for my site..

Greenlava August 31, 2010 8:16 PM    

@Anne Boleyn
Thanks for dropping by and commenting.

@Bella Enveeus
Good to have you here :)

Khairi September 22, 2010 12:32 PM    

I have tried to monetize my blog a few times, but they said my blog language is not supported. I think because I blog in Malay.

I do have some English posts, apparently, there is no such minimum English words used.

Until now, cannot install adsense. Do you have solution on this?

Greenlava September 22, 2010 10:59 PM    

@Khairi
You need a blog in English (English as the main language). Use that blog when applying for Adsense.

Gina November 14, 2010 5:26 AM    

I have a 728 x 90 leaderboard block at the top -- it's sort of inside the header, I don't seem to have any choice about that -- but it's aligned to the left and that looks stupid.

How can I center it?

Greenlava November 14, 2010 6:41 AM    

@Gina
Go to Design > Template Designer > Advanced > Add CSS and add this code:
#widgetID {text-align:center;}

How to find your widget ID? Read How to find Blogger widget and section Id
Details on adding custom CSS snippet: Template Designer: Add style with custom CSS code snippet

Gina November 14, 2010 10:41 PM    

Thanks! I did it and it worked!

You're a genius...

Anonymous,  December 18, 2010 1:46 PM    

Hey erm I tried to use a html/javascript gadget but the ad didnt show up. Like there was just a blank square there instead.

Greenlava December 19, 2010 11:26 AM    

@Anonymous
Blank square usually indicates something wrong with the Adsense code.

sandipan@Inkjam January 27, 2011 9:35 PM    

Thanks for the help

Shane February 17, 2011 10:50 PM    

Thanks for your article but my problem is weird, I have the Adsense tab but the problem is it showing
"We couldn't retrieve data for your report. Please try again in a few moments or visit AdSense Reports."
error message, Now problem occur nearly month ago, Still that error message displaying!! Is it problem with my blogger template? Or any other issue?

Greenlava February 21, 2011 7:31 PM    

@Shane
I don't have the answer but I don't think it's related to template though. Why don't you post this question in AdSense Help Forum. Maybe the TCs there can help.

krizza March 4, 2011 7:09 PM    

Hi! I've done 1 and 2 but nothing was changed on my blog page. Does it mean that I just have to wait for Google adsense to place relevant ads on my blog? Thanks

Greenlava March 4, 2011 10:53 PM    

@krizza
Yes you have to wait. It usually takes less than 10 minutes.
Anyway looks like the ads have appeared.

Santosh March 7, 2011 3:57 PM    

hi
i have added adsense gadget in my blog at gadget area but google add are not showing in that area instead that it'showing a blank rectangular box.

i hope this is due to my addsense account problem..
my addsense status:

Account Not Active
An AdSense account does not exist for this login, as your application is currently in review. Within a week of your application date, we'll review your application and follow-up with you via email. Once you are approved to join AdSense, you'll be able to log in to your account and get started.

Plz tell me the solution on that....

Regards
Santosh

Greenlava March 8, 2011 5:05 PM    

@Santosh
There's nothing much you can do except wait.

Diptesh Thakore™ August 4, 2011 2:25 AM    
This comment has been removed by the author.
Plickety Cat August 10, 2011 8:33 AM    

I want to add some Adsense gadgets to select pages on my blog. I know how to conditionally display them, but I've been leary of adding the gadget because I don't know how much control we have over what gets advertised there. I certainly don't want a company or product I'm boycotting or think is total tripe to pop up simply because it's in the queue.

Is there any way to link specifically to one company or one product using Adsense? Like if I wanted to embed the ad on a "Recommendation" or "Reviews" page?

Greenlava August 11, 2011 1:30 PM    

@Plickety Cat
You can filter Adsense ads:
https://www.google.com/adsense/support/as/bin/answer.py?answer=180609

Cool Jokes SMS September 10, 2011 1:33 AM    

helpful tip for me. I have never used Inline Ads before.

Jean Sébastien September 11, 2011 7:48 AM    

Hello
I would like to put a banner in header
Can you help please?
Thank you very much

Greenlava September 11, 2011 4:59 PM    

@Jean Sébastien
Try this :
Add banner, Adsense or search box in header

Dewan Shahedur Rahman November 22, 2011 5:47 AM    

Thanks

Edwin January 21, 2012 12:22 AM    

Hello guys... I have a problem... I tried to insert a chitika ads inside my blog content. It did show up but the problem is even though there's a space on the right of the ads(300x250), My content seems to place i self under the ads. How to make my blog content inline with the ads? thanks! To see my problem, please visits > laptop-problem.blogspot.com

Greenlava January 23, 2012 11:56 AM    

@Edwin
Put the code in a div element and than float-left it, like this:
[div style='float: left;']
AD CODE HERE
[/DIV]

We love to hear from you! Leave us a comment.

If your question is unrelated to this article, please use our Facebook page.
When posting HTML/XML code, replace < and > symbols with [ and ] respectively. The reverse applies when copying code from my replies here.

Pls share this page

Get this
Click to go to top Click to comment