How to install Google Analytics in website

How to install Google Analytics in Website

In this blog I will teach you step by step process of Installing Google Analytics in your website. But before going on lets understand What is Google Analytics and is it really worth it to install Google Analytics in a website.

What is Google Analytics and why we need to install Google Analytics in our Website.

Actually Google Analytics is a free analytics tool created by Google which is used for analysis of the traffic that visit our website. In order to install Google Analytics in our website , we have to insert a JavaScript code in our website which we will get after setting up a Google Analytics account (Discussed in steps below).This Javascript code have a unique id that links our website to a particular Google Analytics account. Whenever a visitor visits your website then this JavaScript code will send data to your Google Analytics account through which your website is linked.

Google Analytics then process the information received through JavaScript code and generate various report like the location of visitor, how much time he or she spent in our website, what is the bounce rate etc. If you set up event tracking setting in your website then you can also analyze the activities that visitor have performed in your website like watching video, clicked Menu button, Scroll depth or signed up for newsletter or not etc.

Their are many other benefits of installing Google Analytics that I can write but this blog is to teach you how to install Google analytics in website, so in some other future blog we will discuss Pro & Cons of installing Google Analytics in our website. Lets first install GA in our website.

STEPS TO INSTALL GOOGLE ANALYTICS IN WEBSITE

Follow following steps for installing Google Analytics.

1. Create Google Analytics Account : In order to create a google analytics account you have to   visit  https://analytics.google.com/  . You can use your Google account to create Google Analytics account. If you don't have google account then first Create  Google Account. 

After you login using your Google Id for first time you will be taken to following page. In this window click the Sign Up button for free google analytics account:

A new window will open up. Now Stepwise fill all the detail by following the following steps :

1. We are making this Analytics account for website so first Select Website (selected by default). 
2.  Under Account Name , enter the your account name. You can enter your business name here.
3.  Under Website name , enter your Website name.
4.  Under Website URL, enter your Website URL. Also select whether you are using http or https.
5. Under Industry Category, select the category of your Website / Business.
6. Under Reporting Time Zone ,  select the country to which your website belongs.

Now scroll down, Select all the options and click Get Tracking Id button.

In next Window you have to accept the Google Analytics Terms of Service Agreement. Accept all the terms : 

When you Accept the terms and condition , a new window will open where you will get Google Analytics tracking code.  Copy this analytics code and paste it somewhere in notepad or word.You have to insert this Analytics code in your website.

INSTALLING GOOGLE ANALYTICS IN WORDPRESS

In the next step we have to Add Google Analytics Code (copied earlier) to website. We have to insert this code in the header tag of all those pages of website that we want to track. I am having a wordpress website so I will tell you how to insert the Google Analytics Code in a wordpress. 

There are many ways to insert the code like by using a plugin & second method by direct pasting the code in header tags.Here I will show you the method of directly pasting this code into the header.php file which is a easier step to install Google Analytics in wordpress.

Follow this step :

1. Login to the backend of your  wordpress website and go to Appearance > Editor.
2. Under Theme Files select header.php file. You will see that file will open in File content area.
3. Paste the Google Analytics Code that we copied earlier while we were creating Google Analytics account, under the head html tag.
4. Click the Update File button. 

In this way you have added Google Analytics code in your Wordpress website.

TESTING THE GOOGLE ANALYTICS INSTALLATION

You can confirm whether you have successfully install Google Analytics code in wordpress website by sending test data. Follow the following step to check :

1. Visit your Website in which you have installed Google Analytics.

2. Login to your Google Analytics account which you have created and go to Real Time report > Overview.

3. If you have successfully installed Google Analytics, then you will see 1 Active User (or more depending on the traffic) right now.

In this way we have learn How to set up google analytics for wordpress website.
Now you can freely use this Google analytics tool in order to track performance of your website. You can track various report using your Google Analytics Account.

If you don't know how to use Google Analytics then stay connected here. In upcoming blog I will tell you about basic overview of various report generated in Google Analytics. We will also perform some basic auditing and setting in Google Analytics account that will be very much useful for you.

For any queries please comment below I will try to help you. Kindly share this  blog with your friends if he is searching for same topic. More such blog are coming in future.

Read More

How to track Form submissions in Google Analytics using Google Tag Manager.

How to use Google Tag Manager to track Form submission in Google Analytics.

In this part I will tell you method where you can track Form submit events where after successful submission of Form the URL doesn't changes. Means after successful submission of the Form you are not redirected to a thank you page or any other confirmation page.

First  step is that  you have to install Google Analytics using Google Tag Manager (GTM) in your website. If you don't know how to install Google Analytics through Google Tag Manager (GTM) follow  the Video : https://www.youtube.com/watch?v=28d60ejfk3s&t=184s

After you have deployed Google Analytics through GTM,  login to your Google Tag Manager and Select Variable > Click Configure > Select all the Form Elements (Form Element, Form Classes, Form ID, Form Target, Form URL and Form Text etc.)

Go back to GTM Home page and click preview.
Next go to your website page which is having that Contact Form in another tab of the same  browser. When you will open that Contact Form page, then a small Google Tag Manager Tab will also open under your website like this as it has appeared under my test website :

KINDLY NOTE : I am doing this with my Subscription form .You have to follow the same process for your Contact Form.

Fill up your Contact Form with correct detail and click submit (or Press Ctrl + submit if the page is getting refreshed).

In Google Tag Manager Tab below Summary you will  see gtm.formSubmit event appear.

Click gtm.formSubmit and then click Variables.
Under Variables, press scroll down and until you will see Form ID. If it doesn't appear then you can use Form Class. Actually I will suggest you to use Form ID as it is unique to an element.
Copy this Form id and keep it somewhere for use in Next Step.

Now go to trigger and Click New .
1. Name your trigger , like Contact Form Submitted Trigger.
2. Click Trigger Configuration.
3. Under Choose Trigger type : Select Form Submission.

After you select Form Submission you will be brought back to Trigger Page.

Now in next step set Trigger Configuration as follows : 
1. Under 'this trigger fires on ' click value : Some Forms.
2. Under 'Fire this trigger when an Event occurs and all of these conditions are true' set value  as per :
 In first field select FORM ID, second field select equals & in third field : copy your FORM ID that earlier I ask you to paste somewhere.
3. Finally Click Save.

Now go to GTM Home page and select Tags and click New

1. Name your Tags anything  like Contact Form Submitted Tags.
2. Click Tag configuration.
3. Select Google Analytics - Universal Analytics.

After selecting Google Analytics  - Universal Analytics you will be brought back to tags window.
Now perform the following configuration :

1. Under  Track type select : Event
2. Name Category : Contact Form (You can name it anything . Please note that this name is going to be reflected in Google Analytics as Event Category against whom we will set a goal)
3. Name Action :  Successful Submitted
4. Google Analytics setting : Select your Google Analytics ID.

Now scroll down and click triggering
1. Select Contact Form Submitted Trigger. (This trigger was created in earlier steps).
2. Click Save.



Now got to GTM Home page click Refresh. Open your Website Google Analytics Account and also Visit your Website Contact form page , again fill your Form and click submit.


Now when you visit your Check Google Analytics Account > Under Real Time > Event if  everything is correct then you will see that the Contact Form Event has been deployed successfully into Google Analytics.

Hope you followed each and every step and it worked out like mine.
Now you can set a custom Goal in Google Analytics against this Event Category : Contact Form.

For that, in Google Analytics, go to Admin > View (in which you want to set Goal) > Goals > New Goal .

1. Under Goal Set up select Custom & click continue.
2. Name the Goal & under Type select Event. Click Continue.
3.  Under Goal Details , Event Condition set Category Equal to > Contact Form.
4. Click Save.

In this way you have created a Goal against Contact Form submission.

The lesson was quite long but I think it was easy to understand through the image representation . If any query kindly comment below.

Read More