Google Adsense

Google AdSense is a program run by Google Inc. that allows publishers in the Google Network of content sites to serve automatic text, image, video, and rich media adverts that are targeted to site content and audience. Google AdSense is an easy way to earn money from your online content. Simply display relevant and engaging ads on your website, mobile sites, Videos, ect.

Logon to your Google Adsense account and create an ad, in this example we created a ad with the size 728x90, The recommended sizes are the following:

  • 728x90 - Letterhead
  • 300x250 - Medium Rectangle
  • 336x280 - Large Rectangle
  • 160x600 - Wide Skyscraper
  • 320x50 - Mobile Banner

Get Ad Code from Google

Once you complete the wizard you will be presented with a textarea field that will contain the JavaScript code to copy into your webpage. Copy this. Switch back into Photoshop and apply a layer comp for the page you want to put the ad on.


Create Text Area in Photoshop

In the Photoshop document for the web page we just need to create a type layer with the exact dimensions. For our ad it was 728 x 90. The fatest way to do this is to open the 'Info' palette from Photoshop's Window menu. Then click on the type tool and click and drag in the document until the dimensions shown in the Info palette match the dimensions you want. You can than drag either the horizontal or vertical handles with the text tool to get the correct value.


Copy Google Ad to Photoshop

Now that you have created the type layer just make sure you are still editing the type layer contents and choose 'Paste' from Photoshop's 'Edit' menu.


Add Hint for Jadii

The last step is to tell Jadii that this layer is an ad, Now double click directly on the layer's name in the layers palette. Type in a new name followed by the ~adsense hint. Make sure that it is at least 5 characters, I went overbaord in "Make Lots of Dough ~adsense".