Things you might find useful

Clicky Monitor, AKA ClickyChrome

March 14th, 2010

A Chrome Extension for Clicky Web Analytics

Clicky is an amazing web analytics service. Its killer feature is the ability see data in real-time, allowing you to watch your visitors as they browse your site.

I love Clicky, and I love their API. Because the analytics data is available immediately, I found myself wishing I could have a constant notification of how many visitors were on my site without having to leave a tab or window open all the time.

I also love Google Chrome. As soon as LastPass made an extension for it, Chrome became my default browser. After reading a little about Chrome extensions and how they were just HTML and JavaScript, I knew what my next project would be… ClickyChrome.

Update: A year after releasing ClickyChrome, I’m changing the name to Clicky Monitor to comply with Google’s new branding guidelines.

Version 2.0.3

Released: 3/19/2011

Download Clicky Monitor v2.0.3

Changelog

v2.0.3 – 3/19/2011

  • Changed name to Clicky Monitor to make Google happy. I liked the alliteration :(

v2.0.2 – 3/8/2011

  • Fixed bug where desktop notification links would open inside of notification itself instead of new tab.

v2.0.1 – 12/11/2010

v2.0 – 9/8/2010

  • Completely re-written, will be easier to add new features in the future.
  • Added desktop goal notifications.
  • Added context menu integration.
  • Badge text can now display either number of visitors online, visitors today, or goals completed.
  • Custom visitor names (if defined) appear in visitor list instead of IP.
  • Visitors who have completed goals are flagged as such in the visitors list.
  • Sites can now be reordered in the options page, updates site dropdown menu.
  • Added ability to import all your sites from Clicky automatically.

v1.3.6 – 7/13/2010

  • Minor update to reflect a change in Clicky’s API.

v1.3.5 – 6/8/2010

  • Added pie chart of top browsers over past 30 days.

v1.3 – 6/6/2010

  • Added Charts tab to display visitors and actions over past 30 days.

v1.2.1 – 5/26/2010

  • Removed Google Analytics from extension because it was causing crashes for Mac users. See bug 43400 and 44941.

v1.2 – 4/16/2010

  • Added Visitors tab to display today’s last 5 visitors.

v1.1.5 – 4/1/2010

  • On options page, made badge color graphics field labels so clicking on image selects that option.
  • Added Google Analytics tracking for the extension. This will give me a better idea of how people are using ClickyChrome and will help guide any future development. It doesn’t log any information about you or the sites you are using with the extension. Read more below.

v1.1.3 – 3/18/2010

  • Restored accidentally-removed validation for Name field.
  • Fixed potential problems with editing data for the currently active site.
  • Added links back to Clicky for visitors and actions.

v1.1 – 3/17/2010

  • Visitors Online counter adjusts refresh rate according to browser’s idle time to give Clicky’s API a little relief.
  • Better form validation to prevent ID and Key entry errors.
  • Five badge color options.
  • Added data wipe option if you are having problems and would like to just start fresh.

v1.0 – 3/14/2010

  • Initial release.

Features

Easily add all of your Clicky sites
You can import all your sites automatically from Clicky, or add them manually if you prefer. Select which one you’d like to actively monitor from the site dropdown menu in the ClickyChrome popup.
Chose a metric you want to monitor
The ClickyChrome toolbar icon will display either the number of visitors currently online, total number of visitors today, or total number of completed goals today. The data is refreshed every minute so you’ll always be up to speed.
Quickly browse through stats
From within the ClickyChrome popup, you can view basic site stats for various date ranges, see comprehensive information about your site’s last 5 visitors, and display graphs for visitors, actions and top browsers over the past 30 days.
Be notified on your desktop when a visitor completes a goal
Using HTML5 desktop notifications, you can chose to be alerted whenever a visitor completes a goal on the site you’re currently monitoring. You’ll be notified via a popup in the corner of your screen with the following information: Which goals the visitor completed, the total value of the completed goals, their geolocation as well as IP or custom username you have assigned, and the start time of their visit.
One click access to stats from any page of your site
If you provide domains for your sites, ClickyChrome will add an item to your context menu (right-click) while you are viewing any page within those domains. If you are browsing your site and would like to see the stats for that particular page, just right-click and select “View page stats”, and that will take you to the Clicky stats page for the URL you are currently viewing.
All your data is local
Your site information is stored locally in your Chrome browser and is used to make API requests to Clicky. If you uninstall the extension, that data is deleted. At no time is your data sent anywhere else.

Screenshots

ClickyChrome on the toolbar

ClickyChrome on the toolbar with online notification

ClickyChrome popup

Basic information

ClickyChrome on the toolbar

Last 5 visitors

Charts tab

Visitors over last 30 days

Top browsers

Top browsers over last 30 days

Goal notification

Desktop goal notification

Context menu

One-click access to your analytics

Questions

Why can I see visitors online via Spy, but they aren’t appearing on ClickyChrome?
Spy data is not currently available via the API, and the ‘visitors-online’ field that ClickyChrome uses is delayed 1-2 minutes. This is why visitors you see in Spy won’t be immediately visible on ClickyChrome.
Why does it warn me about browsing history and private data when installing ClickyChrome?
ClickyChrome has access to Chrome’s tabs because it needs to open a new tab for the options page on first run and any time you want to edit your sites—and for this reason you get a warning about browsing history because that would enable the extension to see the names of your open tabs. The warning about private data is telling you that ClickyChrome will be interacting with api.getclicky.com, which is kind of obvious, but sounds scary in the warning.
What kind of data are you gathering with Google Analytics (GA)?
Analytics are disabled as of v1.2.1.
Think of the extension like a mini two-page website, one page is the background process that updates your online count, and the second is the pop-up. With GA, I can see how many people are using ClickyChrome, and how they are using it. For example, these are the event categories that I keep track of:
External Link: How often do people go to Clicky via the extension?
Site Select: How many times do people change the site they are monitoring?
Date Select: Do people change the date range often, and if so what is the most popular range?
Options: How many times do people open the options page?
Tabs: How often do people switch between the Basics and Visitors tab?
Keep in mind, all I see are number totals—I do not ever see the names of your sites. Besides satisfying my own curiosity, the GA reports are proving invaluable when it comes to troubleshooting. For example, I can see that the most popular version of Chrome using my extension is Mac 5.0.342.7 Beta, and when someone with a Mac emails me to say it isn’t working right, I know that it works fine on a Mac, and that it is probably because they are using the latest Dev release that might be unstable. I don’t own a Mac to test on, so having this information is a big help.
Why isn’t it working for me?!
Email me and tell me your OS and version of Chrome you are running—we’ll figure it out.

Help

If you run into any problems or have questions/concerns, post a comment or email me.

Source code

View source code at http://bitbucket.org/cnanney/clickychrome/.

Tags: , ,

  • Mike Young

    Chris – awesome plugin, thanks! I had a problem setting it up – I did a copy/paste in the browser from the clicky prefs page to get the site ID and I got a leading space character in the field (which I didn’t notice). So when I popped up the plug-in, it just sorta’ sat there trying to load something. Took me a while to figure out this stupid mistake on my part. Deleted the extra space character and it’s working great now!

  • http://techpp.com Raju

    Great work Chris! I just installed and test-drove the extension, works just as promised. I wonder if getclicky API allows for faster refresh of data. In that case may be you can think about giving an option to the user to select refresh rate.

  • http://cnanney.com Chris Nanney

    Thanks for the heads-up, I will add better validation on those inputs.

  • http://cnanney.com Chris Nanney

    When I started making the extension, I thought that the ‘visitors-online’ would be the real-time number that you see in Spy, but that is not the case. There is a delay before that data is available via the API, but who knows – maybe as interest and use of the API increases, Clicky will add more functionality or a way to get at the Spy visitor count? For now, being able to increase the refresh rate would do little more than to bombard their API servers, and I’ve already been asked to scale back the refresh interval as the extension gets more popular.

  • Frank Lutze

    I have trouble configuring the tool. If the page ID, the URL and what is the key?

  • http://cnanney.com Chris Nanney

    The Site ID and the Site Key are needed for this extension to work. You can find these in the ‘site preferences’ area of your Clicky dashboard. The Name field is simply what you want to call the site – you can name it anything, it doesn’t have to be the site’s URL. Hope that helps.

  • http://www.livewebanalysis.com/clicky-getclicky-real-time-analytics-review/ Clicky (GetClicky) Review – Why Choose Clicky Real-Time Web Analytics?

    [...] course). Furthermore, Clicky gets a lot of attention because a Clicky user named Chris Nanney has developed a plugin for Google Chrome browsers called ClickyChrome, which utilizes Clicky API. It allows Chrome browser [...]

  • Sulaiman

    Hello again Chris!
    Great job again, after the Apple counter you demonstrated for us, I’ve been visiting your website for updates. and I just came from the spring break vacation.
    I wish it was on Firefox and not in Chrome because I am not fan of Chrome but a firefox fan!
    However, I will installing chrome just to be amazed by your new shared creativity!
    Keep it up man!
    best

  • Karen

    Awesome work Chris. Appreciate it!!

    Quick question – any way we can have the badge display the count of goals completed instead of visitors online? I find that in our case that is the more relevant counter.

  • http://cnanney.com Chris Nanney

    Karen,

    That’s a good idea. I’m planning a re-write of the code soon, and I’ll add that as an option – to display a running total of completed goals for the day.

    Thanks for commenting!

  • ashenaffi

    very nice plugin, good job

  • http://cnanney.com Chris Nanney

    Thank you!

  • http://cnanney.com Chris Nanney

    Thank you!

  • http://twitter.com/jamespaden James Paden

    This is awesome. Just wanted to say thanks!

  • http://cnanney.com Chris Nanney

    I’m glad you like it, I hope you get some good use out of it.

  • http://www.orloseweight.com how to lose weight

    he fix that worked for me was clearing Chrome’s cache. To do so, click the wrench icon in the top right of the browser window and choose Options > Under …

  • http://www.orloseweight.com how to lose weight fast

    Being big fans and users of Clicky Web Analytics, having a great way to view it on the go was a godsend. Not content to leave well enough alone, …

  • http://the-movie-vault.com/watch-the-green-hornet-online/ watch the green hornet online

    This is due to a known bug in Chrome and will probably be fixed soon. To access the notification settings, click on any column’s Wrench-looking Settings

  • http://pessinlaw.com Miami Personal Injury Lawyer

    When analytics application ClickyTouch came out for iPhone we were enamored with it. Being big fans and users of Clicky Web Analytics,

  • http://positivetranceformations.com.au/hypnosis-gold-coast/ gold coast hypnosis

    Chromapaper is a new Chrome web app that makes it easy to save pages to the popular read-it-later service …

  • http://positivetranceformations.com.au/hypnosis-gold-coast/ gold coast hypnosis

    Altre cifre pubblicate da Clicky, azienda concorrente a StatCounter, mostrano vistosamente come Chrome stia guadagnando terreno in maniera vertiginosa ..

  • http://seo-it-right.co.uk/ google seo

    The figures echo a similar pattern we recently observed in stats from rival web statistics firm Clicky. Those worldwide numbers showed Chrome gaining

  • http://www.escortsmeet.com/ escorts

    While not as slick as Marvel’s iPad app, the Marvel Comics on Chrome app does give online reading a boost. Using a mouse to click on-screen arrows will …

  • http://www.mycheapvegas.com cheap hotels in las vegas

    Clicky estimates Chrome’s market share at about 15 to 17%. Google recently said that about 120 million people are currently using Chrome.

  • http://twitter.com/PeterHodge Peter Hodge

     This is a slick tool.  I am setting this up for all our staff who use chrome for their related sites.  I have been a fan of getclicky for a while but, since installing your extension, I am using it far more than I used too.

  • http://twitter.com/farleysmith Farley Smith

    How do you find the site ID and Key????

  • http://twitter.com/farleysmith Farley Smith

    I cant find the ‘preferences’ in order to enter Site ID and Site Key?  Where is it?

  • http://cnanney.com Chris Nanney

    It’s the last link at the bottom of the menu on the left side… but it’s only visible when you a have a site open and are viewing its stats. The user overview page when you first log in does not have the link, you have to click one of your sites and go to the stats for it, then you’ll notice the left-hand menu changes.

  • Anonymous

    May I ask for a new feature: 
    To be able to hide the “badge”. I mean the counter. I like to see the Clicky icon in the Chrome extensions toolbar but without the number.

  • http://cnanney.com Chris Nanney

    Will do… I’ll be adding some new features soon based around Clicky’s new alert system, so can take care of this too.

  • Renderstorm1

    I would like to be able to monitor the totals and have the drop down box show totals for all my websites.  Any way to do that?

  • http://cnanney.com Chris Nanney

    Currently no, it’s set up to interact with only one domain at a time. Maybe I’ll add an overview tab that gives you numbers from all your sites. We’ll see.

blog comments powered by Disqus