Monday, November 26, 2012

Digital Inspiration Technology Blog: Track the Browser Size with Google Analytics

Digital Inspiration Technology Blog
Digital Inspiration is an award-winning how-to tech blog around all things related to computer software, web applications, mobile and personal productivity.
Track the Browser Size with Google Analytics
Nov 26th 2012, 10:46

Google Analytics reports the “screen resolution” of the visitor’s computer but skips the other important metric which is the size of the browser window. These two numbers will be approximately similar if the browser window is kept in maximized state but not otherwise.

Take a look at the example below. The screen resolution of the desktop is 1920×1080 (this is the number recorded by Google Analytics) but the actual browser window size (where your website is displayed) is a little over 900×600 pixels.

Browser Size vs Screen Resolution

Google Analytics displays the Screen Resolution and not the actual Browser Size of the visitor.

The screen resolution is a less-useful metric and what you really need to know is the actual size (or range) of the browser window of your visitors. This data can be easily gathered through Google Analytics – simply copy-paste the following code snippet just before the closing </body> tag of your website template:

<script type="text/javascript">   var width  = window.innerWidth  || document.body.clientWidth;   var height = window.innerHeight || document.body.clientHeight;     width  = Math.round(width/100)*100;   height = Math.round(height/100)*100;     var size = width + "x" + height;   _gaq.push(['_trackEvent', 'Browser Size', 'Range', size]);  </script>

It calculates the actual height and width of the browser window and then rounds off these numbers to the nearest 100. For instance, a browser size of 985×1190 pixels is recorded as 1000×1200 pixels. You can then access this data in Google Analytics through Content -> Events -> Overview and then choose “Browse Size” as the Events Category.

Once you know the popular “ranges,” you can update the site layout and placement accordingly so that visitors can see all the important elements on your pages Above the Fold without having to use the scroll bar.

Also see: Getting Started with Responsive Web Design

Tweet this Share on Facebook


Digital Inspiration @labnolThis story, Track the Browser Size with Google Analytics, was originally published at Digital Inspiration on 26/11/2012 under Google Analytics, Web Design, Internet.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

No comments:

Post a Comment