Crazy Egg Destination
Crazy Egg is a user testing tool that gives you heatmaps, clickmaps and scrollmaps of your visitors interacting with your site. It helps you learn where your users are having trouble. The Crazy Egg Destination is open-source. You can browse the code on GitHub.
This document was last updated on 18th January, 2018. If you notice any gaps, out-dated information or simply want to leave some feedback to help us improve our documentation, let us know!
Before you start, make sure Crazy Egg supports the source type and connection mode you’ve chosen to implement. You can learn more about connection modes here.
- From the Segment web app, click Catalog.
- Search for “Crazy Egg” in the Catalog, select it, and choose which of your sources to connect the destination to.
- Navigate to the set up page within your Crazy Egg UI and copy the Account Number which should be a series of 8-9 numbers in bold.
- Enter this in the Segment app’s destination settings under “Account Number”.
- Enter the URL of the page you want to use heatmap tracking on to complete the set up process.
Your changes appear in the Segment CDN in about 45 minutes, and then Analytics.js starts asynchronously loading the Crazy Egg snippet and recording heatmap data.
You can navigate to the Crazy Egg Dashboard to track the data.
Note: It may take up to 24-48 hours for initial data to show up.
If you’re not familiar with the Segment Specs, take a look to understand what the Page method does. An example call would look like:
As this is automatically included in the
analytics.js snippet by default, you don’t need to take any further action. If you remove this default page call for whatever reason, Crazy Egg will not be able to record any heatmaps.
Note: Since Crazy Egg only records data about mouse clicks and scrolls, it does not collect any of the data represented by other standard Segment API methods.
I can’t map user variables
Script unverified or undetected by third-party tool
Many times this is a limitation on the tool’s detection process, where the detector is looking for a specific HTML element on your page. Our client side analytics.js library asynchronously loads the tool’s library or pixel onto the page. As such, the detection fails.
If the script isn’t loading, check that any form of ad blocker is disabled.
Segment lets you change these destination settings from the Segment app without having to touch any code.
This page was last modified: 11 Nov 2021
Questions? Problems? Need more info? Contact Segment Support for assistance!