Joomla 3.0 Tutorial – How to Add Adsense to Joomla Website

by Elaine on February 12, 2013

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 add adsense to joomla website module 1 Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website
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 add adsense to joomla website module install successfull 2 Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website
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 extension module manager Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website
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 enable smart search create new smart search module 10 Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website
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 add adsense to joomla website module new module type 3 Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website
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 add adsense to joomla website module adsense module details 4 Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website
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 add adsense to joomla website module basic options add adsense code 5 Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website
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

 Joomla 3.0 Tutorial   How to Add Adsense to Joomla Website

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 2 comments… read them below or add one }

Alexandru Cotioras April 24, 2015 at 6:51 am

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)?

Reply

Hindro Hindrianto January 25, 2016 at 7:31 am

In Joomla, You can add adsense code on your website using built-in Joomla module, Custom HTML and don’t need any third-party extension.

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: