How To Use Crazy Egg To Enhance Your Conversion Rate Optimisation Activities Part 1 – Setup

how to use crazy egg to enhance cro activities p1

By Kelvin Sim

Introduction

Website analytics tools such as Google Analytics (GA) are great at providing you with data can help improve your websites content, elevate user experiences and increase your conversions. As mentioned in a previous blog post – How To Use Google Tag Manager To Track Your Event Goals, setting up GA goals that reflect your business can provide you with critical information that will contribute to your Conversion Rate Optimisation (CRO) activities.

However, to gain a more comprehensive overview of how your users interact and behave on your website – try CRO tools!

What are CRO tools?

CRO tools allow you to undertake a qualitative research and retrieve insightful information regarding your online visitors in forms of visual data reports.

For example, heat maps are a visual representation of data that uses a system of colour-coding to represent values. These visual snapshots are most commonly used to understand users’ behaviour on specific web pages – this may include clicks, scrolls and mouse hovers.

1 what is a heat map on laptop - ignite search blog

(Note: There are many forms of visual data reports.)

Combining these visual data reports with website analytics tools such as GA can unravel blind spots on your website and provide you with an even more holistic understanding of your users.

Whether you have an Ecommerce business, media website or digital marketing agency, you can get valuable insights from your web page visitors with these CRO tools.

There a numerous CRO tools out there that webmasters and marketing analyst alike can use to obtain insightful user behaviour data. CRO Tools such as Hotjar merges analytics and feedback to offer their users various reports such as visitor recordings, heat maps, funnel testing, feedback polls, surveys and many more.

Here at Ignite Search, a tool that we use often is Crazy Egg. This CRO tool comes equipped with a simple user interface and navigation platform that allows the Ignite team to seamlessly run our CRO campaigns and retrieve insightful visual data reports that contribute to our CRO activities.

What is Crazy Egg

crazy egg logo - ignite search blog

Crazy Egg is an online application that helps you to analyse user interaction for various pages of your website. With a small snippet of code you can install on some or all pages of your website, Crazy Egg will provide you with eye-tracking visuals such as Heat maps, Scroll maps, Overlay and Confetti. This helps you to understand your customers’ interests so you can boost the profit from your website.

Within the Crazy Egg platform you can retrieve the following snapshots:

  • Heat map – A picture of where people clicked on your site. This lets you see what’s hot and what’s not, so you can make changes that increase conversions.
    crazy egg heat map - igntie search blog
  • Scroll map – The scroll map shows how far down the page people are scrolling and helps determine where visitors abandon the page.
    crazy egg scroll map - ignite search blog
  • Overlay – When you look at the overlay report, you’ll be able to see the number of clicks on each element of your page.
    crazy egg overlay - ignite search blog
  • Confetti – With confetti you will be able to distinguish all the clicks you get on your site segmented by referral sources, search terms & more.
    crazy egg confetti - ignite search blog

How to install Crazy Egg

  1. Login into your Google Tag Manager (GTM) account.
  2. Click on ‘Add a New Tag’.
    gtm new tag - ignite search blog
  3. Click on the ‘Tag Configuration’ section. (Or, click on the pencil icon.)
    gtm tag configuration - ignite search blog
  4. Choose ‘Crazy Egg’.
    choose crazy egg tag - igntie search blog
  5. Copy the account number at the top of the Google Tag Manager Instructions page.
    gtm crazy egg number - igntie search blog
  6. Enter your Crazy Egg account number into the ‘Account Number’ field.
    insert ce number in gtm - ignite search blog
    ignore advance option gtm ce - ignite search blog
    (Note: The Snapshot Name field under ‘Advanced Options’ must be left blank.)
  7. Click on the ‘Triggering’ area. Select ‘All Pages’ for the trigger.
    trigger ce gtm - ignite search blog
  8. Click on ‘Save’.
    save tag gtm ce - ignite search blog
  9. Click on ‘Submit’ at the upper right-hand side of the page.
    submit and publish gtm ce - ignite search blog
  10. Click on ‘Publish’.
    publish gtm ce tag - ignite search blog
    (Note: Wait a few minutes and you can start to use Crazy Egg.)

You can also check to see if you’ve installed Crazy Egg correctly via the Check Installation Tool

check installation tool ce - ignite search blog

That’s it, you’re all done! Now let’s set up a Crazy Egg Snapshot.

How to set up a Crazy Egg Snapshot

  1. Create a Snapshot
    (a.) Click on the ‘+ Add new’ button in the top right-hand corner of your dashboard and then select ‘Snapshot’ from the drop-down list.
    (b.) On your Home dashboard, select ‘Create a new Snapshot’ under your Snapshots overview.
    add new snapshot ce 1 - ignite search blog
    (c.) On your Snapshots dashboard, you can either select ‘+ Create Snapshot’ or click on the ‘+ Add new’ button in the top right-hand corner of your dashboard and then select ‘Snapshot’ from the drop-down menu.
    add new snapshot ce 2 - ignite search blog
  2. Choose Your Snapshot (Multiple or Single)
    multiple or single snapshot ce - ignite search blog
    (Note: If you opt for a single Snapshot, most of the steps will be the same as when you choose multiple Snapshots with a couple of exceptions.)
  3. Choose your Settings
    choose snapshot setting ce - ignite search blog
    Take a screenshot of the: What device view the Snapshot will take.

    For example, if you choose the desktop image, your Snapshot will capture a screenshot of your page as it looks viewed on a desktop.

    (Note: This is an important step if your website looks drastically different on various devices.)

    Track Traffic from: Under ‘Track Traffic From’, you can choose either the same device type you did for the screenshot capture or select a combination of different devices.

    (Note: This is default to all three devices)

    Schedule: You can edit when you want your snapshot to start and end.

  4. Final Review
    create number of snapshots ce - ignite search blog
    Review your Snapshots before activating them. If you want to make any changes, click on the ‘Back’ button.
  5. Click ‘Create #Snapshot’

Conclusion

Retrieving these Crazy Egg Snapshots will provide you with a more comprehensive overview of your website’s visitors and how they interact with specific web page elements. When you combine these Snapshots with web analytics data you will be able to implement a more effective CRO strategy that will increase your conversion rates and ultimate grow your business.

Tags: , , , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *