U.S. Department of Energy - Energy Efficiency and Renewable Energy

EERE Communication Standards & Guidelines

How to Use Crazy Egg

Crazy Egg is an online tool that collects information on where users click when they come to your page, and creates heat maps and other reports of usage patterns. Please follow the steps below to run a Crazy Egg test on your website:

  1. Identify your research questions
    Before you use Crazy Egg, it is useful to develop a list of research questions that you'd like to use Crazy Egg to investigate. For example, are people interacting with the top navigation? Are users seeing (and clicking on) the new feature we added to the right column? Are people scrolling down to the bottom of the page and interacting with content found there?

  2. Choose pages to test
    Your research questions will ultimately determine which pages you test―but as a rule of thumb, consider testing:

    • The home page
    • Pages you plan to update in the near future (allows you to compare usage before and after the update)
    • Pages with unique templates (second level pages that use the right column, for example)
    • Popular pages or top entry pages
    • Pages with content your program wants to highlight
    • Pages that might be affected by special media coverage

    Plan to select three or four pages to start.

  3. Add code to pages and republish
    Add the following snippet of code to the pages you plan to test:

    <script type="text/javascript"> setTimeout(function(){var a=document.createElement("script"); var b=document.getElementsByTagName("script")[0]; a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0010/7226.js?"+Math.floor(new Date().getTime()/3600000); a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1); </script>

    For sites in the CMS, this code should be placed at the bottom of the code in the center section of the page. For sites that are not in the CMS, this code should be placed right before the closing </body> tag on pages you want to test.

    Once you've added the code, republish the pages and email a list of the page URLs to the Web Usability Coordinator.

  4. Set up Crazy Egg test
    The Usability Coordinator will set up your test in Crazy Egg. Generally, tests will run for one to two weeks. You will receive login information so you have access to the reports.

    Important: To ensure that you're getting the most accurate data, try not to make any changes to the page during the time that the test is running. If you anticipate making changes, please talk to the Usability Coordinator about the impact this will have on your data so you know how to interpret the results.

    Also be sure you know if there are any high profile events happening during the time you are testing, such as conferences or news stories, that might create unusual spikes in your Web traffic.

  5. Analyze and report data
    After you test finishes running, you can start the data analysis. Crazy Egg provides several different ways to look at your usage patterns, including a heat map view, a list of click data, and the ability to filter the results by referrer, time to click, etc. The data you see will help you make immediate, data-driven design changes based on your research questions. It may also raise additional questions that you can explore using other usability methods, such as interviews or usability studies.

    The first time you run a Crazy Egg study, please set up an hour with the Usability Coordinator to go through the data together. They will help orient you to what you are seeing and make some recommendations for changes you may want to make based on the data.

    You may want to consider writing up a one-page report on your findings and recommendations to share with your stakeholders. If you write a report, please send a copy to the Web Usability Coordinator as well (who collects EERE usability study materials and reports so other programs can use them as models).

  6. Measure again
    In some cases, you may want to retest your pages after you make changes; if so, please contact the Usability Coordinator who will set up a new test for you.

  7. Remove Crazy Egg code from your pages
    After your Crazy Egg tests are complete, please remove the Crazy Egg code from your pages and republish.