# Crazy Egg

[Crazy Egg ](https://www.crazyegg.com/)is a visual analytics and website optimization tool. It helps visualize user interactions with heatmaps, scrollmaps, and clickmaps.

{% hint style="warning" %}
Client-side only integrations cannot be used in HIPAA mode.
{% endhint %}

## Destination Info

* Accepts [Page](https://documentation.freshpaint.io/developer/freshpaint-sdk-reference#page) calls
* Does not support [Track](https://documentation.freshpaint.io/developer/freshpaint-sdk-reference#track) track calls
* Connection Modes:

<table><thead><tr><th align="right"> </th><th data-type="checkbox">Client-side</th><th data-type="checkbox">Server-side</th></tr></thead><tbody><tr><td align="right">Web</td><td>true</td><td>false</td></tr><tr><td align="right">Mobile</td><td>false</td><td>false</td></tr><tr><td align="right">Server</td><td>false</td><td>false</td></tr></tbody></table>

## Getting Started <a href="#getting-started" id="getting-started"></a>

Before you start, make sure Crazy Egg supports the source type and connection mode you’ve chosen to implement. You can read more about connection modes [here](https://documentation.freshpaint.io/faqs/what-is-the-difference-between-client-side-and-server-side-connection-mode).

1. Navigate to the Crazy Egg destination configuration and click "Details".​

<figure><img src="/files/HQjMsQABt7tbmup1FSue" alt=""><figcaption></figcaption></figure>

2. Configure your Crazy Egg account number. ​This should be under Account > Your Profile. ![](/files/S4yH8K9ElZiSQs3BjxzT)

<figure><img src="/files/Io7rhVFqjgxzVYXGFxpe" alt=""><figcaption></figcaption></figure>

3\. That's it! You should now see the enabled status next to the Crazy Egg destination.

## Events <a href="#events" id="events"></a>

### **Seeing Freshpaint Events in Crazy Egg**

Once the Crazy Egg integration is [enabled](https://documentation.freshpaint.io/readme/setting-up-your-destinations/enabling-and-disabling-a-destination), you can now set it as an event destination:​&#x20;

<figure><img src="/files/s8sQgHLOMcAqC2UvAXPg" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Crazy Egg only records data about mouse clicks and scrolls. This means it does not collect any of the data represented by other standard Freshpaint API methods.
{% endhint %}

### Pageviews

If you’re not familiar with the Freshpaint Web SDK, you can read more [here](https://documentation.freshpaint.io/developer/freshpaint-sdk-reference#page) about what the page method does. A sample call looks like this:

```
freshpaint.page()
```

As this method is automatically included in your Freshpaint snippet by default, you don’t need to take any further action. If you remove this default page call from your snippet for whatever reason, Crazy Egg will not be able to record heatmaps.

You can see your pageviews as heat and scroll map snapshots and recordings up to a few minutes after the pageview event. There is a longer delay before the pageview shows up in the bottom left hand corner as % of pageviews used for your account.

<figure><img src="/files/YNcAWyhm49OyD0eb5rM9" alt=""><figcaption></figcaption></figure>

## Configuration Options

### Event Transformations

Set up transformations to modify your data before it's sent to your destination. Read more about transformations [here](https://documentation.freshpaint.io/transformations).

<figure><img src="/files/aOKkpLvEjEmGXuzLhTCA" alt=""><figcaption></figcaption></figure>

### Connection Mode Settings

Only client-side connection mode is available for this destination. Events originating from the user's web browser will be sent directly to Crazy Egg.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.freshpaint.io/integrations/destinations/apps/crazy-egg.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.