JoomlashineBlog

20
Feb

Google Analytics integration with JoomlaShine templates for Joomla newbies

Posted by on in Documentation Portal
  • Font size: Larger Smaller
  • Hits: 45243
  • Comments

Google Analytics is a highly recommended tool to check and analyze site traffic statistics. Almost all Joomla newbies know that they should install this tool in their Joomla templates but not all of them know the way to do it. JoomlaShine templates can help you to install the code easily. This article will show you how to do the Google Analytics integration with JoomlaShine templates. Just follow the instructions; you can do it in a few minutes.

Google Analytics integration with JoomlaShine templates

Why choose JoomlaShine templates

With the default Joomla, you must edit the template's HTML to add Google Analytics code. It's not easy for you to do it successfully if you are a Joomla newbie and know nothing about the HTML code. Most of you must try it at least twice to make the code work. But JoomlaShine templates have a special feature that allows you to install the code without editing the HTML file. And the code will work correctly as soon as you have added it. Have a look at the Analytics feature, and I will guide you step by step to use it with the instructions below.

Google Analytics integration

We have two parts in this process.
  • Create Google analytics account and get the code
  • Add the code into JoomlaShine templates

Create Google analytics account

Step 1: You must have a Google mail account. If you don't already have one, sign up for free.

Step 2: Visit Google Analytics website, click the "Sign up now". You will be redirected to a new page to login with your Gmail account.

Create Google analytics account - Sign up page

Click "Sign up now" to create an account

Step 3: After you have logged in, you will see the table to ask you sign up again. Click it; it's just a Spam filter of this website.

Create Google analytics account - Sign up page again

The second page ask you to click "Sign up" again

Step 4: Now you can see a new page with general fill-in form. Just enter your account name, the URL you wish to track (without /index.php or similar), your country and time zone. With this account, you can also control your data sharing with other Google products such as Adwords, Google webmaster, etc. Remember to tick "Yes, I agree to the above terms and conditions" before you click "Create Account" at the bottom.

Create Google analytics account - Fill information

Fill general information about the site you want to track

Step 5: So you have finished creating an account. And you can see the tracking code configuration with the information and the code to add to your website.

Google Analytics code to add into JoomlaShine templates

Your Google Analytics code

There's a notice under the code tab about the new and old tracking code snippets. Maybe Joomla newbies will be confused about this and you will wonder what is the new one and the old one? What is the difference between them? I will explain the basics and the difference between these two codes.

Google analytics code has two script versions. The old one uses synchronous syntax and the new one uses asynchronous syntax. The code you see in the tab is the new one. The difference between them is the way the script file is loaded and the position to put the code. The Synchronous version uses two small script tags, before the closing tag. The Asynchronous version uses one script tag, at the end of the page's tag. The Asynchronous version is better. For more information you can read the Google code website at: Traditional Syntax and Asynchronous syntax

Google Analytics code - two different versions

Two different code versions

Add Google Analytics code with JoomlaShine templates

Now I will copy the code and add it into JoomlaShine templates.

Step 1: Login to your Joomla administration, and go to "Template manager", choose a JoomlaShine template, here I use JSN Tendo PRO edition. Please note that you can do the same with JSN Epic PRO edition, JSN Dome PRO edition or JSN Teki PRO edition.

JoomlaShine template - Administration of JSN Tendo

Joomla administration of JSN Tendo

Step 2: At SEO & System parameters, choose the suitable position for your code and paste it in the box. Then you click "Save"

JoomlaShine template - Analytics code feature

Paste the code at Analytics code and choose code position

Step 3: Analytics code is added to your website now. If you view your website's source; you will see the code is installed in the right position. And on the Google Analytics website, you can start to view the reports.

Google Analytics code appears in JoomlaShine template's source

The page's source with the Google Analytics script

So now, Joomla newbies, what do you think about Google Analytics integration with JoomlaShine templates? Is it really easy to do? Just try to install the code on your own website and tell me the result. Please feel free to ask me if you have trouble with the integration.

Rated 4.5 stars based on 2 votes
Rate this blog entry:
Tam loves to talk about Search engine optimization tips and Social media marketing. She always want to get more and share more knowledge about these fields. Enjoy her articles and hope that you can get more success in your online marketing.
blog comments powered by Disqus