September 27, 2017

Install Google Analytics on Blogger blog With No Coding


I know there are many tutorials out there that explains on Install Google Analytics on Blogger blog, google analytics for bloggers, how to add google analytics to blogger 2016 and blogger stats vs google analytics. I am not going to repeat any of those how to setup google analytics for a blog, how to get blogger analytics, how to track blogger with google analytics and sign up google analytics topics. I value your time. So in this tutorial, as my title suggest "How to Add Google Analytics in Blogger Blog With No Coding", I will show you multiple ways of adding Google Analytics on your blog with no coding and fix all possible errors of installation.

Not just that I am going to share solutions to major errors and issues occurs when installing Analytics in your blogger blog. And finally teach you how to Install Analytics correctly and verify the installation of Google Analytics as per standard set by Google.

Google analytics for bloggers: Install Google Analytics on Blogger blog

Google Analytics will show you real time monitoring and information about visitors of your blogger blog including their gender, geographical information, interests and average time spend.


How to Add Google Analytics in Blogger Blog With No Coding


Let's start then,

Best Practices to Install Google Analytics Scripts

1. Install in Head Section of Blog: The Analytics Script should be added before the head </head> tag. This will ensure that the script fires when the page is loaded in a browser.

I expect you to have 2 things, a blog and a Google Analytics Account.

If you do not have an Analytics account, do the following steps. If you have, well, skip the below paragraph.

How to add google analytics to blogger

  1. Go to Google Analytics here
  2. Sign in to your Google account, typing email Id and password.
  3. Access Google Analytics
  4. Click Sign up.
  5. Fill your Account Name, Website Name, Website URL, and select an Industry Category and Reporting Time Zone.
  6. Select all check boxes
  7. Click Tracking ID
  8. Accept User License Agreement by clicking I Accept.

Update 1: how to setup google analytics for a blog

If the google tag manager is not working, then go to an US proxy websites and enter your website to see the changes in Analytics. You can use hide.me for that. Use this link https://hide.me/en/proxy and enter your website and look at change in Analytics Real time monitoring.

Update 2: how to get blogger analytics


Google removed the Google Analytics Universal code from Analytics. So add the old UA-XXXXXXXX-1 code to blogspot using this method.

Copy the below code

<script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push([&#39;_setAccount&#39;, &#39;UA-47923736-1&#39;]);
_gaq.push([&#39;_trackPageview&#39;]);
setTimeout(&quot;_gaq.push([&#39;_trackEvent&#39;, &#39;30_seconds&#39;, &#39;read&#39;])&quot;,15000);
(function() {
var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

Change your UA ID
Change number of seconds after the event is triggered

Go to blogspot.
Go to Theme - Edit HTML - Find &lt;/head&gt; tag - add the code above head tag.

Save the template.

How to track blogger with google analytics

  1. Go to Google Analytics Account
  2. Select Admin button
  3. Select Property
  4. Select Tracking info
  5. Select Tracking Code
Watch Video on How to Find Google Analytics Tracking Code


You can see multiple codes and scripts there. Don't panic. I will guide you through it.

The first script is titled "Website Tracking BETA" and it consists of Google Tag manager code with Analytics added. I would suggest to not to go with that code because it is in beta version and more focuses on advanced market optimization.

The second script is titled "analytics.js" with the Universal Analytics (analytics.js) tracking code. This is the code we wanted. Click on view tracking code for analytics.js.

So now you have the code.

Ready for the next part.

Here goes.

How To Install the Universal Analytics (analytics.js) tracking code on Blogger Blog

  1. Copy the Universal Analytics (analytics.js) tracking code
  2. Go to Blogger
  3. Select Theme
  4. Select HTML
  5. Click anywhere inside the codes
  6. Press CTRL and F together [CTRL+F] in your keyboard. This will open a search box.
  7. Type
&amp;lt;/head&amp;gt;
You can see a tag highlighted in yellow color.

Check the tutorial of how to find the head tag



Paste the tracking code before that tag.

The code will appear like;

&amp;lt;script&amp;gt;
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-xxxxxxxx-1', 'auto');
ga('send', 'pageview');
&amp;lt;/script&amp;gt;

Select Save theme.
You are all done. Happy.

How to Verify the Installation of Google Analytics on Blogger blog: sign up google analytics

Now that you have successfully installed the tracking code, you can see real time data of visitors on Analytics.

  1. Go to Analytics
  2. Select All Websites
  3. Select Your website
  4. Select All Website data
  5. Select Real time

It will show you how many users are currently on your website. It will show location, keyword, referral, social traffic and active pages data. If it is showing zero, open a your website in another tab or a different browser and check if the number is changing to 1.

Some tutorials say that you should add the analytics ID in settings of blog spot. That is not needed. If you add that Analytics ID in settings with script tags, it will fire two times simultaneously. You need only 1 code per blog and adding the standard code is always preferable than adding an ID only.

If you want to add ID number only on blogger blog, read below.

Installing Google Analytics Adding ID Number Only on Blogger blog

In this case, do not add the above script in template.

  1. Copy the ID number which is UA-XXXXXXXX-1
  2. Go to settings of Blogger
  3. Select Other
  4. Scroll down to the last.
  5. Google Analytics : Analytics Web Property ID.
  6. Add the ID number in the box.
  7. Select Save Settings
  8. Go to Theme, Edit HTML
  9. Press CTRL + F
  10. Type &amp;lt;/body&amp;gt; and press enter
  11. The tag will be highlighted in yellow color
  12. Paste the &amp;lt;b:include name='google-analytics' data='blog'/&amp;gt; before the &amp;lt;/body tag&amp;gt;
  13. Select Save theme
  14. Refresh Blogspot blog and check Analytics

You have installed analytic code successfully.

Remember you should only add standard script or the ID number. Do not add both together. This will create issues in data.

Now that you have installed, let us look at some of the problems users having with Analytics.

Sudden Drop in Bounce Rate: google analytics for bloggers errors in code

Some users report that the google analytics bounce rate too low. They report the bounce rate at 3% and 4%.

Install Google Analytics on Blogger blog Bounce Rate Dropped Suddenly

To check that we need to start by knowing how many Analytics codes are installed in your blog and whether these are standard installation.

To check that, we need to install an extension called Google Tag Assistant, a google analytics chrome extension in the Google Chrome Browser.

Analytics Tag Assistant: Google Analytics Debugger

Click Here to Install Google tag Assistant which is a good analytics debugger.
Select Add to Chrome
Select the Add Extension. A blue icon will appear on top of the browser.
Click on the blue icon




You can see a message with check boxes.

To get started tell us which of these tags you want Tag Assistant to check for:
Google Analytics
Google Trusted Stores
AdWords Conversion Tracking/Remarketing
Floodlight
DFA/DFP
Google Publisher Tag

Tick mark all of it.
Select Validate all pages.
Select Done

google tag assistant tutorial how to setup google analytics for a blog

Google Tag Manager Checker

Now That you have installed Google Tag Assistant, let us begin testing the code.
Open your website in a new tab.
Click The blue icon
You can see a message.

Tag Assistant is currently
inactive in this tab! Click "Enable" to turn it on!

Select Enable
Then reload your website. [Press CTRL+R]

Google Tag Assistant Recordings : how to get blogger analytics

Now you can see number of instances of all installed codes such as Google Analytic Code, Google Tag Manager code etc. in your website.

If the codes are not standard, you will get a red colored error.

Error in Analytics Code installation how to setup google analytics for a blog

If it is successful, then the color will be green.

Correct installation of Analytics Code in website

What To Do If You Get Red Color Error in Analytics installation in blogger blog

There are a couple of things you can do to avoid this. You need to remove the extra Analytics codes from your site, remove extra Analytics ID from the new script and couple more. I will show you it is done.

1. Find Number of Codes Installed in the site

You need to check your website for more instances of codes installed.

What To Do If You Get Red Color Error in Analytics installation in blogger blog


  1. Open your website in a new tab
  2. Do right click [Or press CTRL+U]
  3. Select View Page Source
  4. Press CTRL+F to have a search box
  5. Type Analytics without quotes.

This will show you number of Analytics codes installed in your site.

  1. Once you have identified the extra codes, Go to Blogger
  2. Select theme and Edit HTML
  3. Press CTRL+F to have a search box
  4. Type Analytics without quotes and remove the extra codes.
  5. Save HTML
  6. Go to Website and hit reload button and select Google Tag Assistant to verify again.

2. Issues with Old Analytics Script


You need to replace the old Analytics script with the new one.

The old Analytics code look like this.
&amp;lt;script async='async' defer='defer' type='text/javascript'&amp;gt; (function(i,s,o,g,r,a,m){i[&amp;amp;#39;GoogleAnalyticsObject&amp;amp;#39;]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,&amp;amp;#39;script&amp;amp;#39;,&amp;amp;#39;expr="https://www.google-analytics.com/analytics.js"&amp;amp;#39;,&amp;amp;#39;ga&amp;amp;#39;); ga(&amp;amp;#39;create&amp;amp;#39;, &amp;amp;#39;UA-XXXXXXXX-1&amp;amp;#39;, &amp;amp;#39;auto&amp;amp;#39;); ga(&amp;amp;#39;send&amp;amp;#39;, &amp;amp;#39;pageview&amp;amp;#39;);&amp;lt;/script&amp;gt;

The new one is this.

&amp;lt;script&amp;gt;
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-1', 'auto');
ga('send', 'pageview');
&amp;lt;/script&amp;gt;

Replace the UA-XXXXXXXX-1 with your Analytics ID and add the code in your website.

3. Issues with Google Tag Manager Code

The Google Analytics code that people normally is the Beta Script that has Tag Manager code and Analytics Code. It looks like this.
&amp;lt;!-- Global Site Tag (gtag.js) - Google Analytics --&amp;gt;
&amp;lt;script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script&amp;gt;
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXX-1');
&amp;lt;/script&amp;gt;
Here you can see two UA-XXXXXXXX-1 codes creating two analytics installation. So you should remove this code and install the universal Analytics code in blogger blog as per the above tutorial on Install Google Analytics on Blogger blog With No Coding.

How to Get Google Tag Manager ID

  1. Go to Google Tag Manager
  2. Select your tag manager account
  3. Go to Admin
  4. Select Install Google Tag Manager
  5. You will get a code that looks like this;

&amp;lt;!-- Google Tag Manager --&amp;gt;
&amp;lt;script&amp;gt;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&amp;amp;l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');&amp;lt;/script&amp;gt;
&amp;lt;!-- End Google Tag Manager --&amp;gt;
&amp;lt;!-- Google Tag Manager (noscript) --&amp;gt;
&amp;lt;noscript&amp;gt;&amp;lt;iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPTX3N"
height="0" width="0" style="display:none;visibility:hidden"&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/noscript&amp;gt;
&amp;lt;!-- End Google Tag Manager (noscript) --&amp;gt;

I tested the code and it is having parsing error "The reference to entity "l" must end with the ';' delimiter." in blogger blog. So I suggest you not to add Google Tag manager code and install Universal Analytics code only.

4. Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.

The Google Tag manager comes with async code for asynchronous loading. To parse the code in blogger blog, you need to add an equal sign with empty quotes after the async code.

Replace &amp;lt;script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"&amp;gt;&amp;lt;/script&amp;gt;

with

&amp;lt;script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"&amp;gt;&amp;lt;/script&amp;gt;

I recommend to install Universal Analytics code only.

5. Invalid or missing account ID

Some users is having issues with Invalid or missing account ID in Google Tag manager code.

Google suggest to install code from Google Error Management Support.

The code looks like this.

&amp;lt;!-- Google Tag Manager --&amp;gt;
&amp;lt;script&amp;gt;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&amp;amp;l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXX');&amp;lt;/script&amp;gt;
&amp;lt;!-- End Google Tag Manager --&amp;gt;

The "GTM-XXXXX" should be replaced by your account ID.

Even this code was not parsing in blogger blog. The script throws a The reference to entity "l" must end with the ';' delimiter parsing error.

I recommend to install Universal Analytics code only.

After successfully validating Google Analytics on Blogger blog, you can check the bounce rate. It will increase in 1 or 2 hours.

Share the post to other fellow upcoming bloggers.

Kindly spend 5 seconds to share this post



Search Here

Whats Hot

About Author