SEARCH

How-To Geek

How to Add Google AdSense to Your Tumblr Blog

Would you like to make a bit of revenue from your blog?  Here’s how you can make your content work for you by adding Google AdSense to your Tumblr blog.

Blogging can be serious work, and with your easy-to-use Tumblr blog, you might be posting more than ever.  You may be writing about your beautiful vacation, sharing the newest wallpaper you designed in Photoshop, or explaining how to get your dog to quit barking at frogs.

Either way, your blog takes real time, and it might be nice to make a little money from it.  Google AdSense has enabled bloggers around the world to get ad revenue from their content.  The Tumblr Terms of Service require that your blog be used primarily for blogging, but they do allow you to use AdSense or other ad systems as long as that’s not the primary focus of your site.  It’s fairly easy, so let’s see how to add it to your blog, no matter what theme you’re using.

Please note: This article is designed for users who don’t know how to edit HTML, and so may seem overly simplified if you’re already a code ninja.  But that’s no problem; just skip over the parts you already understand, and use the parts you do need!

Signing up For AdSense

Before you can add AdSense to your site, you’ll need to register for an AdSense account with Google.  If you already have an account, skip to the next section; otherwise, browse to the AdSense site (link below), and click the Sign up now button.

sshot-2010-07-20-[12-06-11]

Fill out the form as usual, with information about your site as well as some personal contact information.  Make sure to check the boxes at the top with guidelines about ads, and make sure your site follows them or your AdSense account could be suspended.

image

Accept the additional policies at the bottom of the form, and then click Submit Information.

image

Make sure your information is correct, then select if you have a Google account and either enter your account info or create a new account.

image

Once you’re finished, you’ll have to wait between 1 and 3 days for your account to be approved.  Once you receive your conformation email, head back to the AdSense site, but this time, log in with your Google account info.

image

If you have problems with AdSense, or need more info about your account, check out Google’s AdSense Help Site (link below).

Create an AdSense Unit for Your Tumblr

Once you’ve got an AdSense account and are logged in, click on the AdSense Setup tab to create a new ad for your site.

image

Select the AdSense for Content link.

image

Choose if you’d like an Ad unit with text or image ads, or a link unit that only has links to sponsored terms on Google.  Ad units are often a good choice for a sidebar, which link units may look better in a header or footer of a theme.

image

Select the size you want from the drop-down menu beside Format.  Pick something that would fit good on your site; if you’re unsure, click the Ad Formats link to see examples.

image

From the Colors section, select the colors that would match your site, or chose one of the preconfigured Palettes.

image

Finally choose the font family and size for your ads, and select if you’d like square or rounded corners.

image

Once you’re finished, click Continue at the bottom.

image

You’ll now be presented with a textbox showing your AdSense unit’s code.  Select the text and copy it, as we’ll need this to add the AdSense to our blog.

image

Note that you can always access your ad units in the future and edit them from the Manage Ads link in AdSense.

image

Adding AdSense to Your Theme

Now that you’ve got your AdSense code, it’s time to add it to your theme.  Browse to the Customize page on Tumblr by clicking Customize in your Tumblr dashboard or by following the link below.

image

Select the Theme tab in the Customize page,

image

Scroll down, and then select Use custom HTML at the bottom of the tab.

image

After the code loads, you should see the HTML and CSS code that makes up your site’s theme.  There are endless potentials for customization here, but if you’ve never designed a website from scratch or even edited HTML, it can look intimidating.  Don’t worry; it’s easy to add the code!

Note that if you’ve already edited your theme’s code in the past, you may see this by default without having to press the custom HTML button.

image

You’ll now need to find where to place your AdSense code in your theme.  If you’re a website designer, you can look around the code and place it anywhere you want: inside <head>, <body>, or more.  If you’ve never used HTML code before, though, there’s another trick you can use.  Spot some text near the place on your theme where you want to place your ads.  For instance, if you want to place it near on a sidebar under the About this blog description, look at your theme preview to see what default wording it uses.  Pick something that’s a title or other default text, as your page description itself will not be in the code.

image

Now, press Ctrl+F in your browser to open the search dialog, and enter the term you want to find.  The search box will look different, depending on your browser, but will work the same.

image

Look for the highlighted text in your code.  We want to post our content right after this section.  Note that the next line is still describing the profile, so it goes with the About box still.  We’ll want to paste our ad code right after this.

image

In this theme, we searched for About, and pasted the code right below the code for the about box, just like we showed above.

image

Once you’ve entered the code, click the Update preview button on the bottom of the tab.

image

You can now see your changes on the sample blog preview.

image

If it looks good, click Save in the top right corner, and then visit your site in a different tab or window.

image

Here’s our AdSense right in my Tumblr sidebar.  The colors blend in with my theme, and the ads are at least somewhat related to what I’m writing about.

Remember: Don’t click on your own ads, or your AdSense account may be suspended!

image

If the ads look too close to the next item in the sidebar, as they did in this theme, you can easily add some space by entering <p> </p> right after your </script>.

image

This works great on many themes, including the default Redux theme.  We added the same ad panel to the sidebar in this theme, and it worked great.  No extra spacing required for this theme.

image

To get the ads where we wanted this time, we opened the code, searched for Follow on Tumblr, and pasted the code right above it as below.  This is one of the best ways to get your add right where you want it, even if you’re not a web designer; just find something you want your ads near, search for it, and paste it above.  It may take a little trial and error, but you might be surprised how quickly you’ll get the hang of it!

image

You can even add ads to the footer of your theme.  Paste your ad code inside the <footer> of your theme, or if it doesn’t have one, you can just post it right before the </HTML> at the end of the theme code.  Here we added the <div id=”footer”> of the Neue theme.

image

Remember that AdSense allows you to show up to 3 AdSense and 3 link units on a page, but again, Tumblr doesn’t want blogs to be ridiculously covered with advertisements.  So, perhaps you may want to put one in your sidebar and one in the footer, or some other configuration that you think looks good and still focuses mainly on your blog’s content.  Sometimes less is more; people won’t like your site as much if it’s plastered with ads from top to bottom!  Feel free to play with it and get the ads looking great with your theme.

Undoing Mistakes

If you somehow accidently delete something or mess your theme up, you can revert your changes by pressing the Disable custom HTML button on the bottom of the editor window.

image

Tumblr will remind you that this will remove your theme customizations.  Press Ok, and then press Save in the top right corner.

image

Now your theme will revert to its default settings, and you can come back and try editing the theme again if you want.  One thing to note, though, is that changing your theme around may remove some of your customizations such as Disqus comments.  Click the Appearance tab and make sure all of your settings are correct, or add them back if you need to after restoring your theme.

image

Conclusion

No matter what theme you’re using, it’s fairly easy to add AdSense to your Tumblr blog.  Try out the different places you can place the blog, find something that works good for your blog, and see how it works.  Don’t expect to make much in AdSense revenue, especially if your blog doesn’t get much traffic, but you may at least make enough to justify a premium theme for your blog or an occasional new program for your computer.  Above all, write and post the content that you love, and you’ll enjoy your blog!

If you don’t already have a Tumblr blog setup, don’t forget to check out our articles on how to Start a Tumblr Blog, Add Your Own Domain, and Add Traditional Comments with Disqus.

Links

Signup for Google AdSense

AdSense’s Help Site from Google

Customize Your Tumblr Blog

Matthew digs up tasty bytes about Windows, Virtualization, and the cloud, and serves them up for all to enjoy!

  • Published 07/20/10

Comments (35)

  1. ZYNM

    How about Adding Google Adsense to Posterous blog? (posterous.com) Please help me, I just want to know!

  2. Matthew Guay

    @ZYNM – Sorry, but as far as I know you cannot add Adsense to Posterous. We ought to do some tutorials on Posterous though ;)

  3. Rinaldo Rex

    Do we need to own a tumblr domain?
    I think it is impossible to add adsense in Googles blogger service (i tried !)

  4. Matthew Guay

    @Rinaldo Rex – Yes, you’ll need to sign up for a free Tumblr blog to do this … follow the instructions at this post – http://www.howtogeek.com/howto/21896/create-a-beautiful-easy-to-update-blog-with-tumblr/ – and it should be fairly easy. You can also add Adsense to your Blogger blog as well if you want.

  5. Rinaldo Rex

    Sir, i tried adding blogger site to Google’s adsense and for tumblr too. but i receive an error mail from Google saying that for eligibility i must use sites (such as http://www.example.com) instead of http://www.example.com/mysite/ . Can we add adsense to my free tumblr blog still? please let me figure out my error in subscription.

  6. Matthew Guay

    @Rinaldo Rex – I believe you can register for Adsense with yourname.tumblr.com, but now with yoursite.com/yourpage. So, if you’re using this on a normal Tumblr blog, then yes, I think it should work fine with Adsense. I have run Adsense on a blogger site that was using myname.blogger.com, and it worked fine. Again, on Tumblr I was using my own domain, but it should work the same.

  7. Rinaldo Rex

    Sir,
    Thanks for your reply, However I should buy a own domain . I used free blogging service on tumblr.com and hence i could not signup for adsense…..

  8. http://mtv3g.tumblr.com/

    thank you

  9. ~yokota

    Its very clear tutorial. Thank you! Nice work with images.
    *sorry my english. I’m brazilian

  10. ~yokota

    Its very clear tutorial. Thank you! Nice work with images.
    *sorry my english. I’m brazilian

  11. Heidi Morris

    Hello Matthew, thank you very much for the tutorial, I started it yesterday and have received approval from Google and have gotten to the stage where i’ve received my code.

    I feel i’ve followed your instructions to the letter but i’m stuck now & i can’t get the code to work.

    ive tried pasting it into my theme as suggested but nothing shows up, ive tried pasting it into some sites on the Web that are supposed to test HTML but that doesnt work either, do you have any suggestions, please?

    Should i share the code so you can see >??? or is that a bad idea ??

    many thanks, al my best Heidi

  12. mazzz

    any ideas how to put the adsens code within the post text/content.
    thatnks for the tut!
    M.

  13. andreag

    Hello All,

    first of all, thanks for this guide!

    I have a question. I have got a TumblrBlog (aphotomaniac.tumblr.com) and since September I have bought a domain that points to aphotomaniac.tumblr.com (the domain is aphotomaniac.com) .

    Here is my question:
    In the Website URL field of the Adsense Registration form with what I should fill in, the “aphotomaniac.tumblr.com” or “aphotomaniac.com” URL?

    Thanks in advance,

    A

  14. Behindmyfinger

    Thank you mate :)

  15. James Sabel

    Thank you so much!! Very easy step-by-step, it worked perfectly! :)

  16. rana

    hey, why cant i add adsense on my blog? THey replied via email saying i would need my own domain to add adsense.Help

  17. rana

    THe EMAIL

    *Hello,

    Thank you for your interest in Google AdSense. Unfortunately, after
    reviewing your application, we’re unable to accept you into AdSense at
    this time.

    We did not approve your application for the reasons listed below.

    Issues:
    - Page Type

    ———————

    Further detail:
    Page Type: In order to participate in Google AdSense, publishers’ websites
    and application information must satisfy the following guidelines:

    - Your website must be your own top-level domain (www.example.com and not
    http://www.example.com/mysite ).
    - You must provide accurate personal information with your application
    that matches the information on your domain registration.
    - Your website must contain substantial, original content.
    - Your site must comply with Google AdSense program policies:
    https://www.google.com/adsense/policies” which include Google’s webmaster
    quality guidelines:
    http://www.google.com/support/webmasters/bin/answer.py?answer=35769#quality
    .

    If your site satisfies the above criteria in the future, please resubmit
    your application and we’ll review it as soon as possible

    ———————
    *

  18. Daisy Dukes

    Thanks, mate! This helped me a lot!

  19. Deborah

    I just want to know how to put ads in every picture that my followers want to reblog because I see a blog of a girl put ads below of every pic she had.

  20. qtxmc

    Thank you so much!!! :)

  21. JAM10375

    Thank you soooooooooo much!! I got this to work for Clickbank ads also. Very nice indeed.

  22. carmela

    I followed the first few steps, upon posting the html of the ad, I cannot view it except on the Customize page which isn’t useful. When I view my blog, I could see the ads. The ad only appears on the Customize page which displays a sample I believe. Hope you can help. Thanks.

  23. DW

    THANK YOU SO MUCH, VERY HELPFUL POST!

  24. mh

    hey! – thanx for the 411, everything worked except google’s ad sense won’t verify my site (tumblr blog).
    i’ve tried several times with the metatag code and having them search by the google ad placed in my html. can you help with this?

    thanks.

  25. Twe

    Thanks so much for this! I now have ads on the bottom and sidebar of my tumblr! Now I want to see if I can add an ad when people are looking a post at its permalink…

  26. drew

    what if i am under 18?
    what will happen? do i have to pay taxes?

  27. Raven

    Doesn’t work D: i even tried different themes and different areas..

  28. Nadia-Francina

    I was wondering, how do you remove it from my Tumblr?

  29. Sergio

    is google adsence still working for blogspot?

  30. CUBEZ

    Yes it is

    @raven perhaps you have an ad blocker.

  31. madi

    thank you good information about adsense

  32. Charlie

    This is awesome; thanks. Question: I just signed up for Adsense 2 days ago and am being “considered” but it said that it was working on a trial basis. After doing the steps above, nothing is showing up yet. Do you know if they should show up right away? Not sure if I did it incorrectly or if I just need to wait.

    Thanks!

    CH

  33. Brittany

    Charlie – Until you are approved, all that will show up is the background of your blog. So it will just be a space of nothing pretty much. Once you are approved, live ad feeds will show.

  34. Luigi

    Hi I cant do it. its not working it just left a blank box.

  35. VegetarianGuy

    You will get oogle adsense disable because of this method for the reason of break a TOS of google adsense for example not add privacy policy.

    What Do you think?

Enter Your Email Here to Get Access for Free:

Go check your email!