How to Put Ads on the Side of Your Tumblr

Written by kinsey jamison
  • Share
  • Tweet
  • Share
  • Email

Tumblr has been growing as a medium for entertaining and high-traffic content; therefore, it is only natural that many blog owners wish to monetise this content with the addition of advertising. Google AdSense is a quick, easy way to make money from a Tumblr blog, and Tumblr's robust theming options make it possible to insert AdSense ads painlessly. While Tumblr does not support an official feature for adding advertising content to its blogs, it has intentionally allowed the use of JavaScript for inserting Google's AdSense code.

Skill level:
Moderately Challenging

Things you need

  • Tumblr account
  • Google AdSense approved account

Show MoreHide


  1. 1

    Log in to your approved Google AdSense account and click on the "My Ads" tab. A list of previously created ad units displays, showing when they were last edited and whether they are active.

  2. 2

    Click on the "New Ad Unit" button. All of the options for your new ad will be displayed.

  3. 3

    Fill out each of the required fields. Name your ad and choose the size that best fits your Tumblr blog. The most common size for a sidebar banner is the sidescraper option.

  4. 4

    Create a new custom channel on the options screen. This makes your Tumblr ad campaign easy to track, helping to monitor the performance of your AdSense ads across multiple websites.

  5. 5

    Click "Save and get code." A small screen pops up with JavaScript code specific to the ad you have just created.

  6. 6

    Copy the JavaScript within the window by highlighting all of the text and clicking "Ctrl-C."

  7. 7

    Log in to your Tumblr account and click on the appropriate blog name within the drop-down menu on your dashboard. More options will display, including the ability to edit your theme.

  8. 8

    Click on "Customize" to bring up the settings for your particular Tumblr, then click on "Theme" within the header and "Enable custom HTML". The editable HTML for your Tumblr theme now displays within the window.

  9. 9

    Place the Tumblr code in the appropriate place within your theme's HTML by clicking on the location you wish to paste it to and typing "Ctrl-V" If your theme has a sidebar, cross-reference with a live version of your Tumblr so that you can identify where to place your ads. A common location is after the "About" section within your sidebar. Use "Ctrl-F" to find specific locations within the HTML.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.