How to Use Your Own Web Statistics at caniuse.com

Contributing Editor

Life would be far more difficult without caniuse.com. I use it daily to check levels of browser support for new HTML5 technologies.

The site provides a useful table at the top-right of the feature description which indicates the approximate proportion of people who can use the technology. The statistics are based on global browser usage assessed by StatCounter for the previous month.

StatCounter is a great resource which analyses traffic from three million websites worldwide — I reference the statistics in my monthly browser trends articles. But it’s no substitute for traffic analysis from your own websites.

For example, at the time of writing, the CSS3 border-radius property has 84.73% global support and is primarily missing from IE8. However, what if your site is named IE8isgreat.com? (That domain is available should you wish to create it!) You would expect a higher than normal percentage of IE8 users — the border-radius support percentage would be far lower.

Fortunately, caniuse.com now allows you to import Google Analytics statistics from your own sites to verify real levels of user support and compare them to the worldwide average.

Step 1: Implement Google Analytics

You’ll need a Google Analytics account but, seriously, I’ve yet to see a site which doesn’t use it.

Step 2: Login at caniuse.com

Open caniuse.com and click the Import stats tab. Enter your Google Analytics account ID and password in the pop-up window:

caniuse.com Google Analytics account

Step 3: Choose a Profile

Now select the website profile you want to import:

caniuse.com Google Analytics profile

Step 4: Set the Date Range

Choose the date range — the past 30 days should be adequate — and hit Import data:

caniuse.com Google Analytics date range

Step 5: View a Feature

Search or browse for any technology and you’ll notice a Custom support column which reflects your own site’s statistics. In the example below, 47.04% of SitePoint visitors are able to use the HTML5 Full Screen API compared to 34.63% on average:

caniuse.com Google Analytics statistics

This is the best application of the Analytics API I’ve seen and a useful addition to caniuse.com. It’s easy to use and will help you assess when an HTML5 feature becomes viable on your site.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://upreseller.com Nguyen Minh Khoi (UpReseller)

    I checked and found many css will not be good for many modern, however CSS3 and HTML5 is supported by Chrome and Firefox. IE8+ maybe can be broken, but we don’t think website guest will be high traffic on this stupid browser.

    Thanks for your suggest website.

  • http://xysyst.net Sanjeev

    Great article. Thank you Craig.