CrazyEgg is an easy-to-use tool that allows you to get a snapshot of what your page viewers are doing on any particular page. This is handy when you want to test page designs, text variations, and placement of ads, sign-up boxes and images.
With the free account, you can track up to 3 snapshots at a time. If you need to track more, you can upgrade to a paid account.
Step 1: Create Snapshot
When you log into your account at crazyegg.com, you’ll see the image below. Click the Create a Snapshot button.
Step 2: Enter Page information
Page Name: Name the page something you’ll remember. It might be the page name or maybe a site you’re testing.
URL: Enter the URL of the page you wish to track
The following three options are optional and may not be necessary if you’re only tracking your home page or just a few pages on your site.
Customize URL: This option gives you more control over your URLs such as when you want to track subdomains, https pages and so forth.
WildCard: Use this option when you want to track multiple similar pages. For example, if you and 4 other bloggers all write for one site and each of you have a ‘bio’ page housed within a folder named “authors” on the site (http//:yoursite.com/authors/). You can use the wildcard and enter the URL as http//:yoursite.com/authors/* and it will track all of the pages with the same snapshot.
Regular Expression: Similar to the WildCard, this allows you to track multiple similar pages, but it offers more control over which URLs are being tracked than the wildcard option.
Step 3: Set Snapshot Expiration
How long do you want to track these pages? You can track a snapshot for up to one year or 50,000 visits. Make your selection and add a description or reason for the snapshot for your reference.
Click Save when you’re finished.
Step 4: Confirm Your Page Details
Check that your information is correct and select [this is correct] if it is. You can select [this is the wrong address] if you need to make edits (you can also edit the information later if you need to).
Step 5: Copy & Paste the Java script to your site
You should now have the script code to add to your website page(s). Copy this code. Do not close this page!
Open the page you want to add the code to and go to the html version of the page. Paste the code right before the </body> tag at the bottom of your page. Save your page.
Note: Although the instructions say you can put the code in the site footer rather than on each individual page, we could not get it to pull data when doing this illustration so we had to put the code in the page.
Step 6: Check Your Page
Once you’ve added the code and saved your page online, you need to check the page to ensure it is working. From Step 5’s page, click the link at the bottom that says “Check Installation Page”. Enter the URL of the page you’re trying to track, then click the Check URL button.
After about 10 seconds, you should see a confirmation like the one below. If you get an error, you’ll need to check the page to see if you copied the script code correct and put it right before the </body> tag.
It will take at least 2 hours for stats to start showing up. If your site has little traffic it could take much longer.
Step 7: Options
If you click the Options tab at the top of your page, you can set additional options for your stats.
Sharing: Here you can create multiple logins for your CrazyEgg account. This is good if you partner with someone else on a site or if you have an assistant that needs to be able to view the reports.
Blocking: If you don’t want to track certain visitors (like yourself), you can block these by IP address.
Notifications: If you want to receive emails when stats are updated, enter it here.
Page Camera: If you’d like to track certain non-public pages (like a private members-only area), you can download this desktop application to watch your stats. Be aware that this requires the latest version of AdobeAir to be installed for it to work.
Step 8: Check Stats
When you’re ready to check the stats, log into your account and click the snapshop you want to view from the list.
Quick Overview: You can get a quick overview of your visitors and clicks in the dropdown. To get more results, click the View Results button.
Once the page loads, on the top, right side of your screen, you’ll see your stats navigation.
Overlay View: When you view the overlay results, you’ll see several small button markers showing you which areas have been clicked. These markers are color coded to make it easier to tell which areas are most popular – red is the most popular.
Mouse over (or click) the button marker to see how many clicks each area received.
List View: Clicking the List view will give you a full list of the links and objects that have been clicked on the page. With the three tabs, you can see visible data that is shown on the page, invisible data that isn’t viewable on the page and both. The list feature makes it easy to see all the elements that have received clicks. The element name and type are pulled from your page, so you can easily identify them.
Heatmap View: The heatmap view will give you a visualization of where people have clicked on your page. It tells you which areas are “hot” and which are not. The brighter the area is, the more popular it is so you can quickly see what areas are doing well and which may need a little help.
Confetti View: This will show you where people click based upon the things like what operating system they use, what browser they use, where they came from (search engines, affiliate site, etc) and also what the search terms were.
When you first open the Confetti View, you’ll see the referrer box at the top as shown here, to the right.
If you’d like, you can export a PDF copy of the Lists, Heatmap and Confetti pages for your records.
When you’re viewing a one of the three results pages, directly above the page, you’ll see the Export to PDF button. The wording is a little hard to see but here’s what it looks like…
Simply click it and then choose download.