Joomla · Joomla 3.0 · Joomla Tutorials

Joomla 3.0 Tutorial – How to Add Adsense to Joomla Website

Joomla 3.0  Tutorial on How to add Adsense to your Joomla website.  You already signed up as a Google publisher and now you want to start making money by displaying Google Ads on your website.  Displaying Google Ads is a great way to make money on your website.  You can easily do that by adding Google Adsense to module positions on your website.  I’m using Beez3 Template so I will show you how to add Google Adsense to Beez3 template.  If you are not familiar with the Beez3 module positions, you can look at the module template map here.  I will be adding Google Adsense to position-7, the top left nav of my Joomla website.    I’ve downloaded a free Joomla extension from the Joomla Extension Directory (JED) to help me do this called ‘Phoca Adsense Easy’.

Overview of How to Add Adsense to Joomla Website:

  1. Download ‘Phoca Adsense Easy’ for Free from JED
  2. Install ‘Phoca Adsense Easy’ in Extensions Manager in Joomla 3.0
  3. Go to Module Manager in Joomla 3.0
  4. Add New Module in Module Manager
  5. Select ‘Phoca Adsense Easy’ as Module Type
  6. Complete Phoca Adsense Easy Module Details
  7. Enter Adsense Code in Basic Options in Phoca Adsense Easy Module

Steps:

1.  Download ‘Phoca Adsense Easy’ for Free from JED

Download the free Joomla extension from the Joomla Extension Directory.  This extension is Joomla 3.0 compatible.

Joomla 3.0 - Add Adsense to Joomla 3.0 website - download Phoca Adsense Easy from JED

Joomla 3.0 – Add Adsense to Joomla 3.0 website – download Phoca Adsense Easy from JED
  • Go to JED
  • Search for ‘Phoca Google Adsense Easy’
  • Click on ‘Download

2.  Install ‘Phoca Adsense Easy’ in Extensions Manager in Joomla 3.0

Upload and install the ‘Phoca Adsense Easy’ module into your Joomla 3.0 website.  If you do not know how to install a module, I have a tutorial here that you can follow.

Joomla 3.0 - Add Google Adsense to Joomla website. Upload & Install adsense easy module.

Joomla 3.0 – Add Google Adsense to Joomla website. Upload & Install adsense easy module.
  • Upload and Install ‘Phoca Adsense Easy’ extension in Extension Manager
  • Click here for the instructions
  • Then will see a message that says:

Installing module was successful.

3.  Go to Module Manager in Joomla 3.0

Module Manager manages what you see on your Joomla website.  Each Template has a module map and you can place modules in those positions.

Joomla 3.0 Extension - Module Manager

Joomla 3.0 Extension – Module Manager
  • Login to Joomla 3.0 Administrator Backend
  • Click on ‘Extensions’, ‘Module Manager

4.  Add New Module in Module Manager

Add a new module in Module Manager.

Joomla 3.0 Module Manager - New Module

Joomla 3.0 Module Manager – New Module
  • Click on ‘New

5.  Select ‘Phoca Adsense Easy’ as Module Type

Here you will select the new module we just uploaded and installed called the ‘Phoca Adsense Easy’ module.

Joomla 3.0 - Add Adsense to Joomla website - Select Module type

Joomla 3.0 – Add Adsense to Joomla website – Select Module type
  • Click on ‘Phoca – Google Adsense Easy

 6.  Complete Phoca Adsense Easy Module Details

In the Joomla 3.0 New Module Phoca Adsense Easy Module details, select where you want your adsense to appear.  I want my adsense in the position-7 top left position of the left nav.  You can see in the Beez3 module map where that is.

Joomla 3.0 - Add Adsense to Joomla Website - Enter adsense details

Joomla 3.0 – Add Adsense to Joomla Website – Enter adsense details
  • In the Module Manager – New Module Phoca Adsense Easy
  • Enter the following details (modify to your own website needs)
    • Status = Published
    • Title = Elaine CmsMind Google Adsense Mod
    • Show Title = Show (you can select Hide)
    • Position = position-7
    • Access = Public
  • Click on ‘Basic Options

7.  Enter Adsense Code in Basic Options in Phoca Adsense Easy Module

You must already have or applied for a Google Adsense account before you can add adsense into your Joomla website.  Here you will add the adsense code that you created in your Google Adsense account.    Please add your own Google Adsense code and do not copy mine.

Joomla 3.0 - Add Adsense To Joomla Website - Add Adsense Code

Joomla 3.0 – Add Adsense To Joomla Website – Add Adsense Code
  • Paste your Google Adsense code into the ‘Adsense Code‘ text box
  • Adsense Code:
    • <script type=”text/javascript”><!–
      google_ad_client = “ca-pub-1719145887610317”;
      /* cmsmind demo Elaine */
      google_ad_slot = “1526916131”;
      google_ad_width = 250;
      google_ad_height = 250;
      //–>
      </script>
      <script type=”text/javascript”
      src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
      </script>
  • Click on ‘Save & Close’

Your Adsense will not appear on your Joomla website right away.  I thought my adsense module was having problems too but it took about 10-15 minutes for it to appear.  That’s why I keep the title showing so I know where the Adsense will show up.  Once the Adsense is showing on my website I will hide the module title.

Hope that helps.  Please leave a comment if you have any questions.

Thanks,

Elaine

2 thoughts on “Joomla 3.0 Tutorial – How to Add Adsense to Joomla Website

  1. Hi Elaine,

    Great article.
    I went dow for a simpler approach. I installed the Responsive Google Ads module, inserted the google ID and configured it to use html5 style for better appeareance.
    I have disabled test mode from the module and I can see the text ads (nessie included :D), but my AdSense dashboard says I need to place some code to activate it.
    Do you know if there is a latency between adsense and the plugin? Or do I really need to take the joomla code approach (tried that as well)?

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload