Tuesday, November 01, 2011

Joomla 1.7 – How to add Adsense to your Joomla Website

Start making money with Google Adsense.  This is Google’s pay per click program where you can add up to 3 ad units on a page at a time.  You can sign up at adsense.google.com.  If you already did that and want to add adsense to your Joomla website, it is very easy.   You will download a free Joomla module called “J – Google Adsense”.  This module can be found in the Joomla Extensions directory.
Joomla google adsense module
Joomla Google Adsense module
High Level Overview:
  • Download “J-Google Adsense” module in zipped format
  • In Extension Manager – upload and install the adsense module
  • In Module Manager -  create a new Adsense module
  • In the Adsense Module – configure the settings with your publisher ID and channel ID
  • Select the pages you want to assign this module to.  You can assign the adsense module to just the frontpage or any page you want.
Below are steps to Add Google Adsense to your Joomla Website.   For example: I want to add my google adsense to only the frontpage and not any other pages.   You need to log in to your google adsense account and find your publisher ID and create a channel id.  (Check the help documents in Google, they  show you how to create a channel).  My default home page is in the ‘Main Menu’, ‘Home’.   Click here to see how to find out which menu contains your default homepage.
Download the file:
1.  Go to the Joomla Extensions directory.
2.  Search for and download the module “J-Google Adsense” in zipped format
3.  DO NOT unzip the file
Upload and Install Module in the Extensions Manager
4.  Login to your Joomla 1.7 administrator panel.
5.  Click on ‘Extensions’, ‘Extensions Manager
6.  Upload Package File – click  on “Browse”.
7.  Select the zipped file you downloaded in step 2.  Click on ‘Upload & Install’
8. You will see a message that says:

Installing module was successful.
J – Google AdSense
The EASY, the FAST, the SAFE and the COMPLETE Joomla! Google AdSense extension, Because it is designed SPECIFICALLY for GOOGLE ADSENSE, and not for other Google services or other ad like Yahoo… No need to create an ad unit and copy & paste the code, all this can be done easily & quickly just from the extension parameters.
Create Adsense Module and Configure in Module Manager
9.  Click on ‘Extensions’, ‘Module Manager’,
10.  Click on the ‘New’ button, select ‘J – Google AdSense’
11.  Set the following Values:
  • Title = Adsense Module
  • Show Title = Hide
  • Position = position-7 <depends on your template>
  • Status = Published
  • Access = Public
  • Pub-ID = pub-1719145887610317
  • Channel = 0500328180
Joomla google adsense module
Joomla google adsense module
Select Pages to Assign this Module – In my example, I’m assigning the Adsense module only to the Frontpage
12.  Scroll down the Adsense Module window and you will see ‘Menu Assignment’
13.  Set the following Values to show adsense only on the frontpage:
  • Module Assignment = Only on the pages selected
  • Click on ‘Clear Selection’
  • Switch to the ‘Main Menu’ tab
  • Use the checkbox to select ‘Home’
Joomla Google Adsense to show only on the frontpage
Joomla Google Adsense to show only on the frontpage
After you save and close the module settings, refresh your website.   It will take time for google to render ads for you, but the google adsense ads will show up.  With the above module menu assignment, the google adsense will show up only on the page selected, which is the frontpage.

Steps ->

Go to plugin manager & click on tiny TinyMCE 2.0
Go to plugin parameters
select " never " to Code cleanup on save option & save it.
Now you can write your javascript in articles(joomla)
 

No comments: