How to use Site Overlay to Improve Your Site

As time goes on I’m learning more and more about Google Analytics, and how I can use it to fine-tune my web site.

I’ve recently found a feature called a Site Overlay, which is a tool that lets you see what parts of your site visitors click on when they visit it. After the redesign of my navigation tabs a few days ago, here is what the click patterns look like now:

site_overlay_analytics

Click to view larger.

Before the change I had noticed that 25% of my visitors clicked the heading of the blog to get to the main page. 25% also clicked the Home navigation tab, but that was the only tab I had at the time.

Now that I have identified different “content groups” that I have written about in the past, I can now measure which areas of my site are the most widely read. Now this data is still from less than 100 visitors, but over time I will be able to see what articles are gaining the most interest. Not surprising, the Typography category of posts is receiving the most attention, most likely due to the way I am marketing my blog currently.

To see your site overlay:

  1. Log in to Google Analytics.
  2. click on View Report for the site profile you want to see the overlay for
    - Click content in the left menu
    - Click Site Overlay

    Click View Report for the site you are interested in. Click on Content in the left hand menu and you’ll see the Content options:
    content_site_overlay

  3. Click Site Overlay (you can also find it in the middle of the screen).

At this point a new browser window will open up and you can see your very own site overlay with click percentages!

Other sites of interest:

Enjoy this new found power, and use it to improve your site for your readers / visitors. If you have any tips related to site overlay or usability, drop me a comment or send a Tweet.

Tweet This Tweet this or  Stumble This Stumble this or Delicious This Delicious this

Post written on 2009-08-17

This site runs on the Thesis WordPress Theme

Thesis Theme thumbnail

If you’re someone who doesn’t understand a lot of PHP, HTML, or CSS, Thesis will give you a ton of functionality without having to alter any code. For the advanced, Thesis has incredible customization possibilities via extensive hooks and filters. And with so many design options, you can use the template over and over and never have it look like the same site.

If you’re more familiar with how websites work, you can use the fantastic Thesis User’s Guide and world-class support forums to make more professional customizations than you ever thought possible. The theme is not only highly customizable, but it allows me to build sites with a much more targeted focus on monetization than ever before. You can find out more about Thesis below:

Leave a Comment

CommentLuv badge

Previous post:

Next post: