Track the Browser Size with Google Analytics

The browser window size is a more important metric than screen resolution and you can use Google Analytics to track that number.

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.

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 tag of your website template:

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

« Play any YouTube Playlist with VLC Media Player » How to Search Google Images by the Exact Sizeabout the authorAmit Agarwal (@labnol) is a personal technology columnist and founder of Digital Inspiration, a widely-read tech and how-to blog since 2004. He also wrote this book. Email: amit@labnol.org Topicshow-to guides apple ipad adobe pdf google docs dropbox facebook twitter wordpress youtube google adsense india inc. screencasting software tips presentations gmail Evergreen05/04/2012

How to Auto-Post your Blog Updates to Twitter

16/02/2012

Capture Screenshots of Web Pages with WordPress API

27/03/2009

Browse the Web Faster on a Slow Internet Connection

13/04/2012

How to Translate PDF and Word Documents

25/03/2012

Couch Mode – Provide a Better Reading Experience in WordPress

26/04/2012

How to Reduce the File Size of Google Fonts for your Website

Create a Time-Lapse Movie with Google Street ViewSetup a Virtual Private Network in MinutesPublish your Blog as a Magazine with Google CurrentsEasily Hide Photos on your iPhone without using any AppsHow to Record Screencast Videos on your iPad or iPhone[Tutorial] How to Host Your Website on Amazon S3FAQTwitterNewsletterRSS© 2004-2012 Digital Inspiration.The content is copyrighted to Amit Agarwal and may not be reproduced on other websites.↑ Back to top

View the Original article