Beantin

James Royal-Lawson

Analytics

WordPress plugin: Measuring browser viewport size

Previously I’ve written about the importance of browser viewport size, and also explained how you can measure the browser viewport of your visitors and store the result in Google Analytics as events.

Given the 25 million sites out there running WordPress, I decided to invest a bit of time into creating a WordPress plugin to track viewport size. It uses exactly the same technique as described in my earlier post but conveniently wrapped up as an easy to install WordPress plugin.

Download the plugin

You can download the Measure Viewport Size plugin from the WordPress plugin directory. Or you can install it directly from your WordPress site by searching for “Measure Viewport Size” from the “add plugin” page.

There are a few prerequisites; you will need to have Google Analytics installed on your site (the asynchronous “_gaq” version). I’ve tested the plugin with Google Analytics for WordPress and it works fine. You will also need to make sure that your theme supports the body_class trigger. The body tag in header.php wthin your active theme should look something like the following:

<body <?php body_class(); ?>>

How does it work?

The plugin uses a javascript function to obtain the width and height of the viewport of the browser window your website visitor is using to view your site. It then sends three “events” to your Google Analytics account. One for the width, one for the height, and one with a text label containing the full dimensions.

You can then view the events that have been recorded as people visit your site in Google Analytics under Content -> Event Tracking. It can take a day or so for the events to be processed and to appear in your GA reports, so be patient!

Why bother?

Monitoring and analysing the browser viewport size is a crucial part of designing and maintaining a successful website.

50 pixels fewer in available height for content could be the difference between your call to action being visible or disappearing below the fold. That could have a noticeable impact on your conversions and goals.

The browser viewport is the window in to your world. Your visitor sees everything through it. So why drive blind when you can quite easily gather and analyse a bit of data?

5 new social memetrackers

Twingly Channels is a social news reader what gives you the possibility to aggregate feeds and real-time search results into a single channel where many people sharing the same interest can view, comment and vote on the content.

Earlier this month Twingly opened their doors a little wider and started to allow anyone to create channels. So I took the opportunity to create five new channels focusing on five seperate subjects.

Content that receives attention – such as retweets, linking blog posts, likes, comments – bubbles up to the surface and is shown under “top stories”. If you really want to dive in deep then you can click on “Show incoming stories” for a real-time display of incoming articles.

Eye tracking

http://www.twingly.com/eyetracking

Articles, blogs and resources about eye tracking and usability testing using eye tracking.

Intranet

http://www.twingly.com/intranet

Articles, resources, blogs about Intranets, intranet managment and intranet collaboration.

Google Analytics

http://www.twingly.com/ga

Aritcles, blogs and resources about Google Analytics, measurement and web analysis.

QR Codes

http://www.twingly.com/qr-codes

Aritcles, blogs and resources about Quick Response Codes and their uses.

Beantin

http://www.twingly.com/beantin

Beantin says and Beantin reads… A collection of my blog posts across all my blogs plus my favourited tweets.

SEO

http://www.twingly.com/seo

A bonus channel. This one wasn’t created by me, but rather by Simon Sundén. Contains everything regarding Search Engine Optimization in English.

What do you read?

If you read any blogs related to the above topics and think they would be good to add to the Twingly Channels, then get in touch with me and let me know!

5 Articles worth reading… (Spotted: Week 26, 2010)

Why I Still Blog

Hans Kullin asked and answered Why do I still blog? last week on his blog, this week, John Cass gives his answer. Both provide some interesting insights into the ever-evolving blogosphere.

Yahoo Style Guide

July 6th Yahoo will launch their book, which will cover grammar, punctuation, web accessibility and writing copy that helps SEO. The companion web site has some useful articles too.

10 Reasons Why Your Analytics Are Failing & 13 Tools To Help

The reasons listed here are quite a nice analytics “basics” overview. Covers a lot of things that are all too often overlooked.

Serving Static Content from a Cookieless Domain

You are all (as you’re clever, web-savvy people who read this blog), already serving your static content from a seperate domain. This is a good explaination of why (and how) you should make sure that your media domain doesn’t serve up cookies with all the media requests.

Sitemaps: One file, many content types

Now all specialized sitemap formats can be rolled into one file. Sitemaps, and how Google are enhancing them, is a “you scratch my back and I’ll scratch yours” situation. Google want to serve accurate, useful, search results – and we all want our pages, images, videos, etc to be included. Get scratching.

7 articles worth reading… (Spotted: Week 23 2010)

A twelve step process for a storming Social Media strategy

Straight-forward, practical stuff. A process that isn’t complicated to follow and will give results. The first comment to the post (by Jon Buscall) is also worth reading.

A Cross-cultural eye tracking study

A cross-cultural eye tracking study covering 6 countries (and 30 survey participants in each) shows that international websites can’t be successful ‘one size fits all’ sites due to statistically significant cultural differences in information needs. Would love to see more research into this.

Analytics Basics: Averages and Ratios

Highlighting the advantages of using median values for due to the non-normal distribution of visit lengths. Another article where it’s worth taking the time to read the comments. Brian Clifton and Neil bring up some good points regarding goals.

Designing with Behavioral Economics

Some family examples, nicely packaged in one article. It covers opt-in versus opt-out forms, problems of excessive choice, and Value judgements featuring the wonderful Economist subscription example.

No plans to redesign your site? Now is the time to hire a web design agency

Paul Boag talks a whole load of sense in this post of his. We really have got to break the “rebuild” cycle we’ve have ended up with for websites. My only criticism is that he keeps referring to “website” when he should be using “web presence” (or something similarly broad)

Varning: lyssna inte på ‘good enough’-profeterna

When good enough becomes the goal, when you choose to aim to do something competently, you will never do anything anything fantastic.

SEO site review session from Google I/O 2010

A man after my own heart, Matt Cutts (from Google) does a series of quick site reviews (from an SEO viewpoint). It’s an hour long video, but it gives some real-life examples of why certain things are important.

11 Articles worth reading… (Spotted: Week 19-20, 2010)

Free SEO Copywriting Report

Related to my SEO Checklist/SEO Guidelines for content writers Brian Clark has covered similar ground and gives some good advice in his PDF. (although ultimately it’s an advert for their automated product – Scribe)

Blog Title Optimization: 6 Simple Steps for SEO Copywriters

More SEO writing tips, this time Dan Zambonini gives some blog post title tips. No reason why his advice should be limited to blogs, although he’s missed the chance to optimise the <title> seperately – giving the chance to hit a bit of a balance between humans (readability) and machines (findability)

Why use a hierarchical, hyphenated URL structure?

Another good, educational article in LBI’s “FAQ” series. They are good to have in stock to share when someone comes with a “why?”. Full marks this time for the use of cheese in the example.

Google Experts Answer your SEO Questions

A gang of 5 Google experts do some straight talking and provide a few to-the-point answers for web managers.

Intranet content manifesto – 2nd draft

An updated Intranet content manifesto. Nice idea – not guidelines or rules, but a manifesto. It’s been increasingly popular to produce such “manifestos” for varies topics. It’s a good way to build up some common ground and a feeling of inclusion

The Generation Gap in Your Office

The Rise of Gen Y (Millenniums) in the Workplace – Your Company’s Communication is About to Change.. An American infographic; but the pattern is the same in the UK/Sweden (and many other countries)

A Case Study on Enterprise Microblogging (PDF)

A write-up of the launch of enterprise “microblogging” (ie Status updates) within a 150 employee company in September 2008 (the study itself covers a period of March 2008-March 2009”.

Safe landing – a review of the direct deposit banking experience

In-depth article about direct banking, usability & eye tracking. James Breeze takes a look at landing pages & form completion.

7 ways to improve your call to action

We’re seeing time and time again in eye tracking studies just how little time people spend on landing pages before making a decision. This Conversion Room blog post from Google gives a whole load of tips and further reading.

What iPads and Tablets Mean for Web Analytics

Death of the dashboard & the age of segmentation? We interact with the Internet differently though mobile devices and tablets than we do through “traditional” computers – This makes understanding visitor behaviour and statistics a whole lot more complicated. Throw in that people “jump” between devices and we’re doomed!

Google Font API & Interview

At I/O one of the things Google launched was Google Font Directory… It’s Basically @font-face using Google’s resources; it’s nothing revolutionary, but it will be useful from a speed viewpoint.

4 of 6
123456
Reload this page with responsive web design DISABLED