How to Use Google Adsense on Posterous

For this tutorial to work, you need a Google Adsense Account, Dropbox account, and a Posterous space.

Adsense is a great way to earn money if you like to write and publish your writings online. A lot of websites provide an easy way to use Adsense on your site. Posterous is growing constantly though and more people are using for their main blog or site. This is where the dilemma starts. Adsense uses javascript. Posterous doesn't allow you to add javascript. The solution: iframe. Follow these simple steps below and you'll have Adsense up and running on your Posterous space in no time.

1. Create an ad unit inside your Adsense dashboard. Your best bet is the wide sky scraper (160x600). This one fits in the Posterous Clean Sheet theme sidebar nicely.

Adsense Create New Ad
Adsense Create New Ad

2. Create a text file on your computer using TextEdit (mac) or NotePad (windows). If you know how to create an html file then you can skip this step 3.

3. Put the following into the blank editor. Save the file as filename.html (Replace the underlined with whatever you see fit)

<!DOCTYPE HTML>

<HTML>

<HEAD>

<meta content='description' name='description'/>

<meta content='keywords' name='keywords'/>

<meta content='author' name='author'/>

<TITLE>Title</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

Edit the meta content so that the ads will be catered to your blog. This makes them relevant. Make the keywords, description, title, and author whatever you want. The title can be the same as your blog name. List as many keywords as you want.

TextEdit html File
TextEdit html File

4. Upload file to the Public folder in dropbox. Once file is uploaded, view it in your browser. The link in the address bar is the link you'll need for step 6.

Dropbox Public Folder
Dropbox Public Folder
Image of Adsense html file on Dropbox
Image of Adsense html file on Dropbox

5. Customize your Posterous theme. Under your Space options, click on "Customize". Choose the theme you want to work with and then click on "Advanced". Then click "Enable advanced editing".

You can use Ctrl+F (windows) or Command+F (mac) to easily find where you want to place your iframe. To easily put yourself in the right position search for "contributors" "tag" or "search" (based on Clean Sheet layout; this could vary for you).

Posterous Advanced Theming
Posterous Advanced Theming

6. Paste the code for the iframe where you want the adds to appear.

<div class="ads">

<iframe src="Dropbox address of .html file" width="161" height="601" scrolling="no" frameborder="0">

</iframe>

</div>

Change the underlined above with the link of your dropbox html adsense file and adjust the measurements accordingly.

iframe code in action
iframe code in action

7. Save your edits and then view your newly designed Posterous Space! Congratulations!

Does this work for you? Questions? Comments?

Adsense on Posterous
Adsense on Posterous

Comments 8 comments

The Tax Haven 4 years ago

I can't i was trying to sign up into Adsense but it says in the URL page that i need to registry directly from Posterous. what can i do?


peacockct profile image

peacockct 4 years ago from Nashville, TN Author

Hello The Tax Haven! Make sure you have a Posterous account before you start. It will help if you already have a good amount of posts on your Posterous space. Then you will apply for the Adsense account. You just submit the link to your Posterous space so that they can review it. When they approve you, you'll be able to to create ads in your adsense dashboard and then pick up with the instructions on this hub.


kinishini profile image

kinishini 4 years ago from Torquay, Australia

Hi..went through all the paths correctly but can see no evidence od the adsense ad. the space is there but it is blank. this is the address http://lornerealestate.posterous.com/# hope you can help. thank you.


peacockct profile image

peacockct 4 years ago from Nashville, TN Author

kinishini,

I checked out your posterous page. It looks like your dropbox html is not in the public folder (http://i.imgur.com/EybVp.png). Make sure it's in the public folder so that it can be seen on your page.


kinishini profile image

kinishini 4 years ago from Torquay, Australia

Thank you..i created the "public" folder. where exactly do i paste the code?


peacockct profile image

peacockct 4 years ago from Nashville, TN Author

kinishini, sorry for not getting back to you sooner. Hope you haven't given up! The public folder should already be in your dropbox account. It's set up to allow you to share files with anyone on the web. That way, if you give the link to anyone then they can view the file. You can actually publish entire websites this way. But that's not what we're going for. We just want to show adsense. Remember to create the .html text file with the adsense code. Then you'll upload this .html file to your dropbox public folder. Get the link to share the file and then you'll paste that link into the iframe code like I mentioned above.


jms1005 3 years ago

Not sure if you're still checking comments here, but I'm having trouble. This is what displays on my page instead of the ad: http://d.pr/i/rd5O

Any idea what I may be leaving out here?


peacockct profile image

peacockct 3 years ago from Nashville, TN Author

jms1005, it looks like you haven't put your adsense code in the html document. Between the "body" tags you should insert the adsense code that you got from the adsense website.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working