You can hide some page elements from the CUX script. When you do this, the hidden part is ignored and not shown in visit recordings or heatmaps. This is useful when you want to make sure sensitive data provided by your visitors is never recorded. You can hide static and dynamic (loaded by Ajax loader) page elements.

### Modify HTML
To hide an element from CUX, you need to modify your page HTML code. You can add the class “cux-exclude” to any HTML element. When the CUX script finds an element containing the exclude class, it replaces it with an empty DIV element. The styles for the hidden elements are retained. Thanks to this, the page rendered in CUX player or heatmaps won’t be destroyed.

Note that the operation of the CUX script affects only the data that goes to our database. The masking operation is transparent to your visitors. They can use and see all the elements freely.

It’s good to consider the elements you want to hide carefully.

How to hide page elements from CUX

Yes, of course! To identify users by special ID you can use a method in your application’s code to send custom parameters to CUX. When you’ll do that, a new icon will appear on the CUX visits list.

```
_cux.send(‘identity’, [‘example@email.com’, params]);
```

 
_where “params” might be a string, for example “John Doe”, or object where you can pass any properties and values for more detailed segmentation, for example “{ name: ‘John Doe’, email: ‘demo@cux.io’, plan: ‘Trial’ }”_

This code with custom parameter will enable you to find visits with matching identify, when you’ll be going through data filters. 

Can I identify users by setting special user ID?

Of course! E-commerce, SaaS, internal systems, marketing pages, landing pages, B2B – any points and industries where the customer comes into contact with your digital product can benefit from analytics.
Also, we have a special offer for advertising, marketing, creative agencies, freelancers and software houses – **Partner Accounts**.


### Partner’s benefits:
- out-of-charge online consultation (onboarding),
- one hour per month of technical expert consultation and Q&A,
- agency account (unlimited client accounts managed by one),
- free multiple customer/project testing,
- dedicated technical support,
- personalized pricing with several clients,
- enable client users to see and manage their data,
- different levels of access to the account granted to users,
- control over customer projects (alerting system),
- billing system adapted to individual needs (possibility of introducing various settlement entities)


Want to be our Partner?
Contact [Marta](mailto:marta@cux.io) 

Is CUX also applicable in industries other than e-commerce?

### Introduction

CUX code is necessary to connect your site and CUX. The code makes sure the CUX database is always up to date and has the relevant pieces of information about visits, clicks, and visitor data. This is the only way to connect your site and CUX. When CUX script is operational on your site, and there’s traffic, you can safely assume that all the information you need is available on your CUX dashboard.

Before you start
- Consider CUX installation using Google Tag Manager. That’s the least time-consuming approach. For more information, see Install CUX code with Google Tag Manager.
- Make sure you can log in to your site using the administrative account.

The CUX code can be installed anywhere on the page. The recommended location for the script installation is before the closing BODY tag. This is just a recommendation. If you can’t do this, you can install the code, for example, before the closing HEAD tag.


```
 <div class="footer-copyright">
 <div class="container"> made with ♥️in Berlin | © cux.io 2019</div>
 </div>
 </footer>
	<script>(function(c,u,x,i,o){
 c._cuxSettings=c._cuxSettings||{id:o};
 var e=u.createElement(x),t=u.getElementsByTagName(x)[0];
 e.src=i;e.async=true;e.defer=true;t.parentNode.insertBefore(e,t);
 c._cux_q=[];c._cux=c._cux||{send:function(n,p){c._cux_q.push({n:n,p:p,t:new Date()})}};
 })(window, document, "script", "//dc.cux.io/analyzer.js?", "2056434044.0.70977600.1495720240.5926e130ad4cf");</script> 
 </body>
</html>
```

_You can install the code anywhere on the page. It’s best to add the code before the </body> tag. Here you have an example of how we did it on our website._

You may be tempted to install the code on a single page or just selected pages. We wholeheartedly do not recommend that. You won’t be able to observe the entire user journey, and you can miss a lot of valuable insights. Always install the CUX code for the entire site.

### Install now 😁
There’s no need to wait. Code installation is the only thing you need to do to get everything running. There are no extra configuration or camera settings.

We’re convinced it shouldn’t be too difficult for you. In just several minutes, you should be able to see the first recordings and start thinking about your user behavior. And in case of problems, you can always talk to us!

### Installing the CUX code

1. Go to Profile >> Projects and click Show. This takes you to the project summary. You can find the code in a special box. It has a copy link that puts the entire CUX code in the clipboard.
2. Log in to your site configuration panel. Use your admin credentials so that you can make changes in the site structure.
3. Find the place where you can modify the site templates.
4. Copy the tracking code from CUX.
5. Switch to your site admin panel and paste the code in the HTML template.
6. Save the template. If required, publish the changes.
7. Verify if the code works. See, Checking if the code works

### Checking if the code works
The easiest way to verify if CUX records visits on your site is to open several pages yourself. Load a page or two in your browser and go to the CUX dashboard. When the code operates and sends data to our database, you instantly see numbers on the dashboard.
If the code installation instructions were displayed after you log in to CUX, they disappear the moment we record the first visit and make it ready for you to replay.

### Where to find your CUX code
You can find the CUX code in the Projects section of the account menu. You can go directly to your current project list: [https://app.cux.io/projects](https://app.cux.io/projects).

We also emailed the code to you when you set up the account.

CUX code is unique for each of your projects. This means you can’t reuse the same code on different sites. We generate the code when you create a new project. If you want to track multiple sites, you need a separate project for each of your sites.

### The code seems not to work?

Here are some steps you can take to troubleshoot CUX connection:

- Visit one of the pages where you installed the CUX code. We need to record at least one visit to show data.
- Disable ad blocking. Browser extensions similar to Adblock prevent the CUX code from sending visit information.
- Check if the code has been pasted on every page of your site. You can preview the source code of the page loaded in your browser. Search for cuxSettings string. If you can find it in your page code, this means the code is installed.
Nothing helps? Let us know.

### Next steps
- Go to Visits. Start investigating the recordings as soon as they appear. For more information on visits, see Working with visits.
- Go to Heatmaps. See user behavior. Understand what interests your users the most and see what catches their eye. For more information on heatmaps, see, What is a heatmap and what does it tell me?.

General instructions for CUX code installation

You can install the CUX code using Google Tag Manager (GTM). This is **the least troublesome** and the fastest method to see data in CUX. If your site already has the GTM code implemented, you can gather insights in **minutes**. Installation via GTM saves you the woes of navigating through the code or admin panel of your site. Once you create a CUX tag and publish your GTM settings, the CUX database starts filling with insights.

####

Before you start
- You need a set up and configured Google Tag Manager. Create a container for the site you want to monitor with CUX.

####

#### Installing CUX code with GTM

1. [Sign in](https://tagmanager.google.com/#/home) to Google Tag Manager.
2. Select the account and container for the site you want to monitor with CUX.
3. Go to Tags and click New.
4. Enter a name for the tag — for example, CUX insights.
5. Click Tag Configuration and select Custom HTML.
6. Copy the CUX code from your account. Make sure you select the right project if you have more than one. For more information, see Where can I find the CUX code?
7. Paste your CUX code in the HTML field.
8. Setup a trigger. Select All pages to ensure the best insight into your visitor behavior. You can optionally add exceptions for pages that you don’t want to be monitored with CUX.
9. Save your new GTM tag configuration.
10. Use the GTM preview feature to see if the CUX code starts.
10.1. Click Preview in GTM. It will inform you that the preview mode is on.
10.2. Open your site in a new browser tab.
10.3. Once a page is loaded, GTM opens a panel in at the bottom of the browser window, where it shows all scripts that it triggered there. You should be able to see CUX on the list.
11. Navigate to GTM and switch off the preview mode.
12. Click Submit to publish the changes. That’s it! The tracking starts momentarily.
13. Log in to CUX to verify if the code works. See Checking if the CUX code works.

####
Please note, we make sure to have this set of instructions as accurate as possible. It may happen that when Google redesign their tools, we may be slightly out of sync. It’s always best to check Google’s help for the most up-to-date description.

If you’re still unsure how to install a custom HTML code in GTM, [see the official Google documentation](https://support.google.com/tagmanager/answer/6107167?hl=en).

#### Data layer integration
The easiest way to verify if CUX records visits on your site is to open several pages yourself. Load a page or two in your browser and go to the CUX dashboard. When the code operates and sends data to our database, you instantly see numbers on the dashboard.

Please note that this process won’t integrate your CUX project with Google Tag Manager events. It is, of course, possible you need to flick a single switch in the **Integrations** section. By default, the integration isn’t active. When you enable the integration, you’ll be able to search visits that triggered specific GTM events.

#### Next steps
- Go to [Visits](https://app.cux.io/visits/). Start investigating the recordings as soon as they appear.
- Go to [Heatmaps](https://app.cux.io/pages/). See user behavior. Understand what interests your users the most and see what catches their eye. For more information on heatmaps, see, What is a heatmap and what does it tell me?.
- Enable GTM integration to start finding visits that trigger specific GTM events.

[How to install the CUX code using GTM - tutorial](https://www.youtube.com/watch?v=2DngSfVpTAg&ab_channel=CUXio)


Install CUX code with Google Tag Manager

With CUX free trial you can start making your analytics smarter, business stronger and users much happier right away. Our trial has **no expiration date** – the determinant here is the number of recordings.

![Screenshot-2021-01-07-at-11.49.48-700x477.png](https://content.cux.io/uploads/Screenshot_2021_01_07_at_11_49_48_700x477_5ba6845cd5.png)

As part of the CUX free trial you’ll gain access to **1 000 visit recordings** that you can collect at your convenience. A thousand recordings are just the right amount allowing you to familiarize yourself with all the tool’s functionalities and mechanisms for building conversion funnels or setting up your analytical business goals.

**The trail contains ALL functionalities** of our tool available on paid subscription. It allows you to observe how the collected data sample affects the Experience Metrics, your users’ frustration and your conversion level. But be careful – the trial will only increase your appetite for more data-driven insights! 😉

If you’re wondering whether to go full speed with your analytics rather than sampling data on a free trial, contact us for [a free demo](https://meetings.hubspot.com/kamil10).

CUX Free Trial

✅ **YES.** For all projects with the total number of live recordings below 10k.

❎ **NOT REALLY**. For projects with more than 10k recordings:

- dashboard regenerates every night,
- the recordings list is refreshed in about 15 minutes,
- goal conversion is recalculated hourly,
- goal edition/creation is calculated immediately (real-time).


What’s more: CUX is capable of retroactive analysis which means we collect data **ALL THE TIME**.


For example, you can check the user’s path, waterfall or goal from historical data – we’re able to show you data in different contexts from the moment you’ve put our code on your page (unlike, for example, GA, which displays results only from the moment you set up the goal, without going back in the data).

Is CUX collecting data in real time?

Yes, it is possible to create a heatmap for different variants of the A/B test page.

### To be able to do this, you need to:
1. Log into [CUX](https://app.cux.io/login/).
2. Go to Heatmaps.
3. Click Open Filter.
4. Define in test URLs which tags define the versions.
5. Filter all entries.
6. Click the “Grouped heatmap” button.

Can CUX create separate heatmaps for two versions when conducting A/B testing?

Google Tag Manager (GTM) integration is a single-click solution to help you find visits. You can search for visits that caught your eye in Google analytics tools. You can also find any visit to pages where a specific JavaScript code pushes data to GTM dataLayer.

If you have GTM installed on your page, flick the switch in CUX to get started. When GTM integration is enabled, you can go to your recordings and find a specific visit using GTM event names.

### Enabling GTM integration
To enable the GTM integration, log in to CUX and go to [Integrations](https://app.cux.io/projects/integrations). Find the **Google Tag Manager** tile and enable integration.

Everything works in an instant. If you have GTM on your page, our script becomes aware of it and collects information straight from the GTM dataLayer.

![GTM_int_1.png](https://content.cux.io/uploads/GTM_int_1_ae14d47620.png)

### Watching visits that triggered GTM events
To watch a visit that has been tracked by GTM, go to [Visits](https://app.cux.io/visits/).

1. Click Open filters.
2. Scroll to find GTM event section in filters.
3. Fill the Property and Value fields you want to use in your search.


**Important**
When entering the Property, make sure to use the exact name that gets sent to GTM. Typically, you would enter an event name that you or your developers use in the JavaScript code of your site. You can naturally refer to the default GTM event names. In the Value field, you can enter wildcards (asterisk symbol “*”) or regular expressions. In this way, you can match a wider number of object values and limit the number of conditions you use in your search.

![GTM_int_2-700x160.png](https://content.cux.io/uploads/GTM_int_2_700x160_18ef4ce8dc.png)

1. Click Apply.
2. The visit list updates automatically showing all the visits that triggered a specific type of GTM event.

### Example
Let’s say you have a new best selling book in your online book store. You wanted to test new functionality on a highly visited page. You’ve just introduced video clips where book authors talk about their work. At the end of each clip, they reveal a promotional code that allows customers to order a signed copy. The functionality is up on your site for several days, yet the number of signed copies is way below your expectations. The website traffic indicates people watch videos. So what’s up?

Log in to CUX and inspect some visits. You won’t need to watch recordings one by one. Go to Visits and open filters. Scroll to find **GTM event**. Enter the details you’ve received from your developer. For example, your promotional page pushes the following objects into the dataLayer:
![GTM_int_3-700x127.png](https://content.cux.io/uploads/GTM_int_3_700x127_be8903cddd.png)

Tada! The visit list is filtered, and you can watch the recordings to find out why things look the other way you expected. Do they get to see the video? Is the promo code not audible? Is the video cropped wrongly? Go through the list, hit **Play**, and see for yourself.

### Technicalities
When CUX code starts on the page, we check if the dataLayer exists. When we find it, we start “listening” to find out all objects that are sent to this particular layer. This helps us be prepared for most of the query parameters you want to use when filtering the visit list.

If a dataLayer doesn’t exist, we’ll wait until it’s there. This doesn’t affect the regular work of our script. If we can’t find a dataLayer, we keep working, record the visits, and provide the recordings. In this case, naturally, you won’t be able to filter visits using GTM parameters.

[CUX x Google Tag Manager integration](https://www.youtube.com/watch?v=JnLKPORTYy8&ab_channel=CUXio)

Enable Google Tag Manager integration

### Your visitor browsers and recording visits
These are the browsers that we can record:

**Desktop**

✔️ Chrome 30+

✔️ Firefox 27+

✔️ Edge 13+

✔️ Opera 23+

✔️ Safari 7.1+

**Mobile**

✔️ Mobile Safari iOS 9+

✔️ Mobile Chrome iOS 9+

✔️ Latest Chrome and Firefox on Android


When your visitors use an unsupported browser, the CUX code doesn’t start. This helps us avoid showing broken layouts in visit recordings.

In reality, an unsupported browser means something exotic. We’re able to find out the engine of the browser, so we’ll record visits in built-in browsers services like LinkedIn, Facebook, or Twitter use.

### Browsers and CUX application
CUX dashboard, heatmaps, visit player, etc. work in most current browsers such as Chrome, Mozilla Firefox, and Safari.

Note that for an optimum experience, we recommend using a desktop browser. We know it sounds a bit Y2K. We’re still architecting a mobile interface, so it isn’t available just yet.

### Additional browser notes (XPath)
There’s one useful thing you may need when using CUX – developer tools. If you’re going to build waterfalls, you’ll need to copy XPath of an element you want to track in your customer journey. Most browsers allow you to enter developer mode straight away. You do that by right-clicking and selecting “Inspect element” from the context menu. Some browsers like Safari don’t have this feature enabled by default. To enable developer tools in Safari go to Advanced preferences and select “Show Develop menu in menu bar.”

### CUX and browser performance
CUX tracking code doesn’t affect visitor browsers. We designed it so that it has a minimum footprint on your page performance.

Browser recommendations for CUX app

If you’re running your e-commerce on Shoper platform, you might as well hit the analytical jackpot with CUX! Why is that, you may ask? The answer is pretty simple: we’ve just launched a special Shoper x CUX integration for e-commerce!

CUX is now able to prepare and set up ready analytical Goals for Shoper users. This particular feature lets you save more time previously devoted to analytics and have a significant part of your analytical job done without any effort (or IT skills).

At the moment, the Goals that CUX will automatically prepare for you are:

At the moment, the Goals that CUX will automatically prepare for you are:

- Purchase —presents all visits that ended with payment and display of the “Thank You” page.
- Purchase intention – you will check all visits of users who started the checkout process, but for some reason did not complete it (didn’t pay).
- Checkout – you’ll be able to follow the detailed user experience throughout the whole checkout process on your website.
- Visited cart without purchase – you will see the visits of customers who abandoned their carts.

### How to integrate Shoper store with CUX

1. Log into your account.
2. Create a New Project. If you’re working on an existing project, go to “Setting” and chose “Edit details”.
3. Choose “eCommerce” from the category list.
4. Choose “Shoper” as your e-commerce platform.
![NewProject_shoper.png](https://content.cux.io/uploads/New_Project_shoper_8a8bd40eec.png)
![UpdateProject_shoper.png](https://content.cux.io/uploads/Update_Project_shoper_7ab92f30e8.png)
5. (For new projects) Add CUX’s code directly to your website, through GTM integration, or send the instructions to your team.

![AddCode.png](https://content.cux.io/uploads/Add_Code_4ccbbce3b9.png)

That’s it! As soon as you implement CUX’s code, the integration is ready, and we’re collecting the first data about your project. You’ll have immediate access to your data and will be able to observe your Goals’ progress from the very first minutes.

### What you’ll see on the dashboard after Shoper x CUX integration
1. **Goal progress** – the percentage of visits that met the Goal in relation to all traffic on the site.
2. **Experience Metrics** – showing the percentage of users’ frustrations that have occurred on visits that reached your Goal.
3. **Browser/Platform** – goal-reaching visits across platforms and browsers.
4. **Engagement** – how long do users were really active on your website.
**User Activity** – how users’ activity breaks down by the time of day and by week.

![Dashboard_shoper-700x342.png](https://content.cux.io/uploads/Dashboard_shoper_700x342_12496a2f01.png)

### Predefined Shoper Goal: Purchase
Data analysis aimed at tracking the behavior of users who have decided to buy in your e-store.
This Goal will answer the questions:

- Were there any frustrations in the customer’s journey?
- What was the successful customer path like?
- Were there any technical problems on specific devices or browsers?


### Predefined Shoper Goal: Purchase Intention
We know that **many customers who are redirected to third-party payment providers do not return to the “Thank You” page**.
This goal will answer the questions:

- Why is this happening?
- What was the behavior of all customers who confirmed their willingness to order, but did not necessarily make it to the “Thank You” page? Were there any behavioral patterns of customers who drop out in the payment process?
- Were there any technical issues with the payment process?


### Predefined Shoper Goal: Checkout
This analysis helps to **detect if the ordering process itself is not the one that is effectively preventing customers from purchasing**.

We recommend supporting this analysis with conversion funnels (Waterfalls) focusing on forms and selecting delivery/payment options.

![image-1.png](https://content.cux.io/uploads/image_1_49df02e348.png)

### Predefined Shoper Goal: Visited cart without purchase
We analyze the **behavior and experiences of customers who, for some reason, ABANDONED THE CART**.

You will get the best results by comparing this data with the data for the PURCHASE goal. This way, you will see what differs between these two customer journeys, what makes customers abandon the purchase process?

Enable Shoper x CUX integration for e-commerce

Google Analytics User-ID integration is a single-click solution to help you find visits for specific users. This CUX feature extends recording search options allowing you to look for particular visits that caught your eye in Google analytics.

If you have User-ID feature enabled in your Google Analytics, flick the switch in CUX to get started. When Analytics User-ID integration is enabled, you can go to your recordings and find visits for specific users that Google has identified.

Before you begin

This integration works only with Google Analytics that has the User-ID feature enabled. This means that you have:

- reviewed, accepted, and complied with the User-ID policy from Google,
- set up User-ID in your tracking code,
- created a User-ID reporting view.
For more information, see Analytics help site.

#### Enabling Analytics integration
To enable Google Analytics integration, log in to CUX and go to Integrations. Find the Google Analytics User ID tile and enable integration.

![GID_1.png](https://content.cux.io/uploads/GID_1_334725e68a.png)

Everything works in an instant. If you have activated the User-ID feature in Analytics, wait for some time until new recordings start and finish. As soon as the recordings are ready, you can inspect visits specific people paid to your site. Please note that it may take some time to have recordings for the sessions that Analytics combines and presents to you as unique visits.

To learn more about the User-ID feature, visit [the Google support website](https://support.google.com/analytics/answer/3123662?hl=en).

#### Watching visits for specific users

To watch a visit for a particular user that Google Analytics labeled as unique.

1. Click **Open filters**.
2. Scroll to find **Google Analytics User ID** section in filters.
3. Enter the Client ID you found in Google Analytics. You can find user IDs and the details for particular visits on the User Explorer report in Analytics.
4. Click **Apply**.
5. The visit list updates automatically showing all the visits a specific person paid to your pages.
6. Click **PLAY** for each visit you want to examine in detail.

[CUX x Google Analytics User-ID integration](https://www.youtube.com/watch?v=PcxX5OlHEp0&ab_channel=CUXio)


Enable Google Analytics User-ID integration

URL recording in Google Analytics is a single-click solution that will enable CUX to push recordings’ URL to your Google Analytics account. If a particular visit catches your eye in Google Analytics, you’ll be able – with just one click – to see this visit’s recording in CUX.

This CUX feature allows you to deepen your user behavior analysis. Moreover, you’ll expand the quantitative analysis picture you get from GA.

### Enabling URL recording integration
To enable URL recording in Google Analytics integration, log in to CUX and go to Integrations. Find the URL recording in Google Analytics tile and enable integration.
![Screenshot-2021-08-05-at-13.38.13-250x276.png](https://content.cux.io/uploads/Screenshot_2021_08_05_at_13_38_13_250x276_8c446cfe55.png)
Everything works in an instant!

### Watching visits that caught your eye in Google Analytics
To watch a visit for a particular user from Google Analytics in CUX you need to:

1. Log into your Google Analytics account.
2. Go to **Audience > User Explorer**.
3. Chose and click a Client ID for the visit that you want to examine. The list updates automatically, showing all the visits a specific person paid to your pages.
4. If you want to see a specific visit recording in CUX, expand a list of given visit, select the one that generated an event and click a link transferring to the CUX application. If the link does not work, copy it and paste it into the browser tab.

![GAvisitsIntegration-700x286.png](https://content.cux.io/uploads/G_Avisits_Integration_700x286_a724bbe212.png)

**NOTE:** If a given user uses a plugin to block ads and analytical tools (such as AdBlocker), you will not see recordings from his/hers visits.

Enable URL recording in Google Analytics integration

- The Goal gives you an overview for all the paths/journeys the user can take to match the Goal.

- In Waterfall, you’ll get specific, detailed, step-by-step data for some important parts of this journey. For example for some registration form or checkout.

Why set up Waterfalls if we have already set up Goals?

- To integrate our tool with your store, you need to add the CUX code to the website code – exactly the same as with Google Analytics.

- If you use Google Tag Manager, you can also use this integration option. See, Enable Google Tag Manager integration.

How to integrate CUX with a store based on Shoper or Shopify?

The answer is very simple: **there is no minimum**!


We have had websites with 1,500 page views, and we were able to collect valuable conclusions from them, just like from pages with 12 million views.

What is the minimum number of page views for the implementation of CUX to make sense?

There are several indicators of negative visitor experience during a visit. The most common effects of bugs, errors, or design flaws are frustration and disorientation. What do users do in such cases? Based on our continual analysis of user behavior on numerous web pages, we can point at 4 major patterns:

1. Zooming
2. Rage clicking and angered key pressing
3. Chaotic mouse movements
4. Refreshing

### Zooming
Where: **mobile and responsive views**

Why: **unreadable text or media**

Users zoom their view to get a closer look at page elements that appear too small or unreadable on mobile devices. “Unreadable” can mean a lot of things, the most obvious is too-small text or images that cannot be enlarged. In brief, frequent zooming on your pages means that they aren’t accessible enough.

To learn more about zooming, see What is zooming?

### Chaotic movements

Where: **desktop**

Why: **visitors are confused or lost**

Users make a lot of mouse movements during a single visit. They’re moving the mouse cursor in different directions, the cursor often goes into the direction where they look. You can observe that in the visit recordings. When the cursor trace does not seem to go along a logical path or does not indicate a particular thoughtful journey in a relatively short period of time, we start to mark it as a chaotic movement. When people start to be confused or lost — their mouse movement reflects their state of mind. They are scrolling down-up-down-up, or move the mouse in various directions without a specific goal.

To learn more about chaotic movement, see What is a chaotic movement?

### Rage clicking
Where: **desktop and mobile**

Why: **visitors are frustrated and angered**

Rage click shows where people click numerous times and get no computer response. In effect, they experience something that’s referred to as computer rage — the state of anger and angered actions directed against computers.

To learn more about rage clicking, see What is a rage click?

### Rage key pressing
Where: **desktop**

Why: **visitors are frustrated and angered**

Rage key pressing is another case of computer rage, similar to rage clicking, but occurs when people quickly and chaotically press numerous keys on their keyboards.

To learn more about rage clicking, see What is a rage key press?

### Refreshing
Where: **desktop and mobile**

Why: **page load errors or display problems**

Refreshing as a sign of experience deterioration occurs when someone reloads the page right after it has loaded, or keeps reloading the page one time after another in very short intervals. It’s usually an indication that some page elements haven’t loaded correctly or at all. Visitors hope to see the features that hadn’t been displayed, or to see the misplaced or misaligned parts of the page in their proper place.

To learn more about rage clicking, see What is refreshing?
[Experience Metrics](https://www.youtube.com/watch?v=Phcq-9o8GV0&ab_channel=CUXio)

How do I know the user experience on my website isn’t good?

When you look at a heatmap, don’t take anything for granted. Save some time to have a profound look. Find heatmap settings and try to answer these questions:

1. Is this the thing my users had actually seen?
2. What does the heatmap show me exactly?
3. Is this a mobile or desktop view?
4. What is the resolution of the page shown?
5. Is this a single page or grouped pages view?
6. What types of events does the current view present? Are these events clicks, movements, or experience measurements?


Heatmaps, by default, show a generalized, summary view of user actions. To see more details and analyze specific use scenarios, you need to change heatmap settings. When you open a heatmap, don’t stop there. Review specific resolutions, at least.

The default heatmap view in CUX is the desktop view. If you need a pixel perfect view – and trust us, you need it – you should select a required resolution in heatmap settings. You can start by finding out which screen resolutions are the most frequently used by your site visitors. Next, adjust the CUX heatmap settings to see what happens when people see your pages using this resolution. Some of CUX customers also check the resolutions that get more and more popular to make sure their content works well for emerging technologies.

### Why does the click heatmap look rugged and messy?
We often get the question about the heatmaps showing uneven borders for areas and irregular clicks. And we always reply that it’s about precision.

The nicely looking heatmaps are the effect of overgeneralization. For example, if you have a button on a page, the overgeneralized heatmaps show you clicks at the center of it. The same happens for images. The reality is never beautiful. It never happens that all buttons, images, or other page elements magnetically attract mouse cursor to their center.

Our heatmaps show specific clicks. The exact clicked places. And bring you to a whole new level of understanding.

### Making decisions based on the precise heatmaps
**Are buttons, links, and other active elements easy to access?**
When people are unable to access page elements, they won’t use them. What if that was a “Buy now” button? Can you afford not to know that your conversion call to action doesn’t work? Think about how important that knowledge is for mobile devices, where depending on the device grip style, people might have problems tapping elements that are out of their fingers reach. Watch out for heatmaps showing a button that often gets clicked close to its edges or on one side only. Think if this is an indication that you should change the element placement on the page.

**Are people highlighting text on your page?**
Verify if numerous clicks on a specific piece of text are related to copying text. The most obvious indicators are clicks before a piece of text, for example, at the beginning of a line. This often happens for:

1. Email addresses that aren’t active links
2. Promo codes
3. Street addresses
4. Any piece of text that needs to be used or pasted elsewhere


**Is something particularly engaging for your users?**
It sometimes happens that even images that aren’t linked receive clicks. Sometimes the number of clicks is so significant that we’re showing it on the heatmap. Think of this as an opportunity that wouldn’t normally appear in your business brief. Let’s assume you run an e-commerce site where you sell clothes and accessories. One day you find out that a static photo on a product page gets clicks. Get a closer look – where do the visitors click? Is this a watch, a bracelet, or a cardigan that is clicked. If you have it in stock, you’ve just found an excellent opportunity to cross-sell your products!

### Misleading traits
Note that heatmaps don’t show any dynamic elements. A heatmap is always a snapshot of the default state of your page. Elements like pop-ups, tooltips, modal windows, drop-downs don’t appear on the heatmap view. However, we’ll show clicks that those elements received. When you see unexpected hot areas, think if a dynamic or temporary page element appears there. Do not mislead those areas as rage clicks. Our algorithms understand your page behavior and can distinguish clicking on a dynamic page element and angry behavior.

How to read a heatmap?

### Click
Click heatmaps show where your visitors click or tap. The more often they click somewhere, the hotter the area. When they click, but not too often, the area appears as cold.

We aggregate clicks and taps into a single heatmap to give you an overall insight into user behavior. When you switch device type to desktop or mobile, you’ll get a map specifically for clicks (desktop) or taps (mobile).

Click heatmaps show you whether visitors click the links or buttons. When you look at a click heatmap, you can confront your expectations with reality. You can check if your calls to action get enough attention.

![HM_2-700x468.jpeg](https://content.cux.io/uploads/HM_2_700x468_6e6d1f1eb1.jpeg)

### Rage click
Rage click shows where people click numerous times and get no computer response. In effect, they experience something that’s referred to as computer rage — the state of anger and angered actions directed against computers.

In brief, rage clicks are records of user frustration.

In summary, rage clicks show:

1. Design imperfections
2. Implementation errors or bugs


Rage clicks are never a good sign. When you ignore them, you risk increasing customer churn. When you note rage clicks in the visits, use them to prioritize future design and development work. Use this as your chance to turn observations into actionable items.
![HM_3-250x155.jpeg](https://content.cux.io/uploads/HM_3_250x155_1532db2572.jpeg)

To understand why it’s essential to hunt for rage clicks, see What is a rage click?

### Link
Do you want to know which links and subpages on your website are the most frequently clicked by users? Check the “Link” event in the Heatmap tab.

Why should you track links?

- Learn which links are the most popular (and therefore which content is most interesting for users).
- Check what your customers are looking for and need most often.
- Learn about unnecessary links that do not generate traffic.
- Collect insights for redesigning the website or improving the user experience of the website/product.
- When comparing link maps with heatmaps for clicks, you will check the so-called “missed opportunities”.

![Linkmap-700x450.png](https://content.cux.io/uploads/Linkmap_700x450_d49741de31.png)

Remember! The percentage you see on the links is the percentage of clicks in the context of all clicks on a given page!

### Move
Move heatmaps show where visitors have moved their mouse on the screen. What you observe as a single line in a visit recording here is aggregated for all visitors to your site. The areas where visitors move their mouse pointer most often are marked as hot. The page areas where users move their cursor less often is colder. In other words, move heatmap shows how often visitors move their mouse to a specific area.

This type of heatmap can be useful if you want to track scrolling. You don’t need a dedicated map for scrolls. Our move heatmap will show you if people have seen a specific fragment of the page because we record mouse movements. So, if you see a mouse movement at the bottom of a long page, this means people scroll this page.

Move heatmaps help you identify if your page structure is logical for the users. There is a high correlation between mouse movement and eye movement. So, you can assume that where the mouse pointer goes, people are looking as well.

Use this type of heatmap also to identify areas of the page where it’s worthwhile to put important information like announcements or advertisements.

### Devices and resolutions
Is your page mobile friendly? Does it work well on a tablet or a TV? How about the wearable devices? The aggregated view of clicks, taps, and other interactions will let you find the answer to your questions.

Desktop, mobile, tablet, smart TV, gaming console, wearable devices, embedded browsers – CUX allows you to verify how people interact with your pages on each type of these devices. When you display a heatmap for a single page or a grouped heatmap, you can switch the device type and see, for example, how mobile and desktop visitor behaviors differ.

![HM_4-250x344.png](https://content.cux.io/uploads/HM_4_250x344_b515405dcb.png)

Note that we may not be ready to show you heatmaps for some types of devices when there are not enough visits from a specific kind of gear.
[Types of heatmap events and parameters](https://www.youtube.com/watch?v=jTJU0Ee7tQY&ab_channel=CUXio)


Types of heatmap events and parameters

A grouped heatmap shows you data aggregated for several pages. You can view them as regular heatmaps, but the hot and cold areas are shown for more than one page. The grouped heatmap works like a regular heatmap. You can use the same controls and settings for both types.

### When to use grouped heatmaps?
Grouped heatmaps help you overcome technical constraints. They also add a different angle to your observations.

**Aggregating pages listed separately**
It happens that visitors land on your pages using links embedded on different sites. One example of this is social media, Facebook in particular. Each time you share a link to your site on Facebook and someone clicks the link there, they will end up on your page using your URL and a fbclid parameter. For CUX, each of such visits looks like a visit to a different address.

![HM_4-700x314.jpeg](https://content.cux.io/uploads/HM_4_700x314_585a13b90e.jpeg)

A page whose primary address is /ux-blog.html was visited from Facebook and other pages with several parameters. This is the same page shown to visitors using different entry points. Each of these entry points is a separate heatmap in CUX. You can group them to see an overview heatmap.

**Aggregating pages based on a single template**
Our websites very often consist of very similar pages, most of them based on a similar template. Their layout and object placement stay the same. The only difference between them are images and the actual content. In an online store, these are, for example, product pages or shopping cart views. If you want to check how effective the layouts are, grouped heatmap helps you do that.

### Grouping pages into single heatmaps
Grouping pages into a heatmap consists of the following steps:

1. Go to [Heatmaps](https://app.cux.io/pages/).
2. Click Grouped heatmap. This opens a panel where you can select grouping conditions.
3. Select a grouping condition. You can use one of 4 options: Starts with, Ends with, Matches, and Regular expression. Each of the conditions is a shortcut that allows you to skip entering full URLs.
4. Enter a part of the page addresses in the Search by URL field. You can type in the address part by hand or use a “trick” like wildcard (asterisk, “*”) or regular expression to replace part of the URL with a symbol.
4.1. Simple text. Good for fast grouping of pages with simple URLs. Works for conditions: Starts with, Ends with, and Matches.
4.2. Wildcards – an asterisk (“*”). Good for fast grouping of pages whose URLs have a similar beginning, ending, or middle.
4.3. Regular expressions (regex). Good for grouping pages whose URLs are complex or change dynamically.
5. Select a grouping condition. You can use one of 4 options: Starts with, Ends with, Matches, and Regular expression. Each of the conditions is a shortcut that allows you to skip entering full URLs.


Note that when you enter values into the Search by URL field, the table in the background shows a filtered list of addresses. This gives you a preview of the page addresses selected for grouping.

[Grouping pages into single heatmaps](https://www.youtube.com/watch?v=p24c0TUJzfk&ab_channel=CUXio)

### 1️⃣ Wildcard examples
URLs with similar ending –_/myshop/*_. This will group pages with URLs like:
![gr1-700x83.png](https://content.cux.io/uploads/gr1_700x83_255d1ce391.png)

URLs with a similar beginning – _*/category/page.html_
![gr2-700x85.png](https://content.cux.io/uploads/gr2_700x85_0efd75c19b.png)

URLs with similar middle – _/myshop/*/page.html_. Useful when you want to skip part of the address, for example, category names. This groups pages with URLs like:
![gr3-700x84.png](https://content.cux.io/uploads/gr3_700x84_59b450144e.png)

### 2️⃣ Regex example

**Home page**
The home page is represented by the backslash symbol (“/”). Each of the page URLs for which we generate heatmaps contains the “/” symbol. To find URLs matching only the backslash, use the following regexp: _(^\/$|^\/\?.*)_

![HM_5-700x354.jpeg](https://content.cux.io/uploads/HM_5_700x354_612e8d434f.jpeg)

Visits directly to the homepage, with and without parameters. Data we gathered for 3 different pages are going to be combined into a heatmap. Regular expression helps you to precisely select pages for grouping.



What are grouped heatmaps?

While observing your users’ behaviors you can spot their movements and frustrations via heatmaps. There are 4 different events that can be detected:

- click,
- rage click,
- move,
- link.

### What is a link map?
A link map (or a linkmap) is a visual representation of your users’ interactions with links on your website (mouse clicks on a desktop and taps on mobile). Link maps come in handy when you need to track on-page user engagement like clicks on links, form fields, CTA buttons, and images with links across a website, which in turn helps you optimize user experience for better conversion.

![Linkmap-700x450 (1).png](https://content.cux.io/uploads/Linkmap_700x450_1_d9db499fc1.png)

### Why use link maps?
With link maps, you can:

- track users’ activity, 
- see links on which visitors click or tap (mobile users), 
- identify underperforming links, CTAs, and images that are getting ignored,
- identify content that is the most popular/ generates the most traffic, 
- showcase engagement data visually,
- iterate better website design by finding bugs and areas for improvement.


### How to read a link map?
To display a link map for your website page:

1. [Log into CUX](http://app.cux.io/).
2. Go to Heatmaps.
3. Select “Link” from the Events section. 
3.1. Choose the type of device for which you’d like to see a link map: desktop, mobile, tablet, smart TV, gaming console, wearable devices, embedded browsers. Note: we may not be ready to show you views for all types of devices if there’s not enough data.
3.2. Select a date range from which you’d like to see a link map. 

![Heatmap_events.png](https://content.cux.io/uploads/Heatmap_events_8058a7eb53.png)

Remember that CUX will only highlight those links on the page that are clickable and that someone clicked at least once. If a given link is not highlighted, it means that no user has clicked on it.

**Note:** the percentage of clicks is calculated in the context of all clicks on a given page. If the website was visited by only one user who clicked on two of the links, the click-through rate for each of them will be described as 50%.

### How is a link map different from a heatmap?
The heatmap graphically shows ALL user actions on your site, such as rage clicks, click on clickable and non-clickable elements or mouse movements. The link map shows ONLY clicks on clickable elements such as links, buttons, linking images, etc.

![Heatmap-vs-Link-map-700x362.png](https://content.cux.io/uploads/Heatmap_vs_Link_map_700x362_8d97370b84.png)

By using both heatmaps and link maps, you can spot missed opportunities for conversion! 

- Spot places where users click but didn’t find a clickable element.
- Track users’ clicking on broken links.
- Identify places on the website which should have links (dead clicks).


### Why can’t I see clicks on my links?
If there are links on your site that are not highlighted and do not show the clicks’ percentage, check:

- if the link is not damaged,
- that the link is anchored in the right place.

![Links-on-link-map-700x455.png](https://content.cux.io/uploads/Links_on_link_map_700x455_8b4ea3016d.png)

If you still don’t see any clicks, it means that none of the users visiting the sub/page clicked on that particular link.

### Why can I see clicks on heatmap but not on link map?
Do you see user activity on the heatmap that does not resonate with clicks on the map link? Jackpot! You have found places on your website that need optimization.

Users, by clicking on non-clickable elements (such as text, photos, contact etc.) are giving you bop on the head, that you may be letting conversion slip through your fingers! 

Perhaps a blog post’s title that looks like a CTA should be a clickable button? Or the transition to the next subpage should start after clicking the photo, not after hovering over the arrow? Or an e-mail to your support should have a “mailto:” clickable command? After all, who is not losing it when forced to copy-paste an e-mail address from a contact page!?

Comparison of heatmap’s and link map’s results is a real treat for fans of optimization. Enjoy the ride!

What is the difference between heatmap and link map?

If you are interested in the context of a single customer, or you want to follow the exact customer journey of a specific user, you can track the history of their behavior. 

### How do I track individual user activity on a website with CUX?
You can filter visits for individual users in two ways.

1. [Log into](http://app.cux.io/) your CUX account. 
2. Go to Visits and select a user’s visit you would like to play. 
3. If this user has paid other visits to your sites, you’ll see this info displayed below the visit info on the left.

![MultipleVisits-700x358.png](https://content.cux.io/uploads/Multiple_Visits_700x358_dab25361b1.png)
4. Click the button to see a list of all visits’ recordings of a given user.
![MultipleVisits_recordings-700x355.png](https://content.cux.io/uploads/Multiple_Visits_recordings_700x355_b6e488a78c.png)

1. [Log into](http://app.cux.io/) your CUX account.
2. Go to Visits.
3. Click Open Filters. 
4. Find the “Previous Visits” parameter and set the values that interest you.
5. Select the visit you want to watch from the list.
6. On the left, you should see info on how many other visits this user paid to your website. Click the button to see a list of all visits’ recordings of a given user.

![MultipleVisits_filter-700x355.png](https://content.cux.io/uploads/Multiple_Visits_filter_700x355_447d99e08f.png)

### Why is tracking the number of visits per user useful?
- You can thoroughly examine the context of a single user’s customer journey.
- Facilitate users segmentation due to their behavior leading to the achievement of the given goal.
- You’ll be able to create an exact behavioral profile of users.
- It helps you track real cart abandonment (e.g. your clients may need 3-4 visits before making a purchase, so there is absolutely no need for you to pour money down the drain and set retargeting campaigns).


### How to track the behavior of an individual user using different devices?
Do your customers visit your website from different devices? Do they browse products on mobile or smart TV, and make purchases on computers and tablets? There is a way to track the activity of a single user who is interacting with your website on different devices.

![MultipleVisits_user-1.png](https://content.cux.io/uploads/Multiple_Visits_user_1_2d30acfc07.png)

IF a user on each of these devices is logged into his/her account on your website, CUX will be able to combine all these visits – coming from different devices – into one list. You’ll see them displayed as visits of a single user. 

### Remember!
- We store your visit recordings for individual users, depending on the retention time of your project (how long you’ve set for us to keep your data).
- If the user accesses your website on several devices (e.g. mobile and desktop) and is not logged into your website – you will see his/her visits as visits of several users.
- You won’t see everyone’s visits. CUX doesn’t record ALL visits to your site. We sample traffic to be representative of your goals.

Tracking individual user activity on a website

Users zoom their view to get a closer look at page elements that appear too small or unreadable on mobile devices. “Unreadable” can mean a lot of things, the most obvious are a too small text or images that cannot be enlarged. In brief, frequent zooming on your pages means that they aren’t accessible enough.

![Grandma-finds-the-internet5.jpeg](https://content.cux.io/uploads/Grandma_finds_the_internet5_0a19234426.jpeg)

Zooming is the enlarging and miniaturizing of content (text, photos, graphics, etc.) that may suggest your page is unreadable to users or just simply fall short of they’s expectations.

**Remember:** we only track zooming on mobile devices!

### Why people zoom my website?
1. Users need to have a better look at the graphics presented on your website, e.g. they want to see the texture of the clothes you sell in your online store.
2. The text on the page is unreadable – too small, too large, illegible font, low/high contrast, etc.
3. The website is not adapted to be displayed on mobile devices – users must then zoom in or out to see the entire content.
4. Checkboxes are too small for users to tick them on mobile devices.

### Where can I track zooming?
On the dashboard
On the dashboard, you will see a whole range of data related to your main goal (see: Building your custom Goals). We have prepared a special widget that shows the number of visits on mobile devices during which the content was zoomed in/out. You should see this tile by default on your dashboard. You can click this tile and land on the Visits page that shows all recordings and heatmaps with zooming content.

![Screenshot-2021-06-23-at-09.18.50-700x322.png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_09_18_50_700x322_02dde63e35.png)

**Remember** that in the dashboard, you will only see visits that meet your main Goal. This won’t reflect all visits with zooming on your site!

When you filter or watch visits
You can filter the list of visits and use a “Zoom” as a parameter. To see visits where zooming happened:

1. Go to [Visits](https://app.cux.io/visits).
2. Click Open filters.
3. Find the Patterns section.
4. From the patterns list, select Zoom.
5. Click Apply to see the list of select recordings.
6. The list of recordings automatically updates. You can then click Play for each visit to find out where exactly the user problem occurs.

![Screenshot-2021-06-22-at-16.30.11-700x327.png](https://content.cux.io/uploads/Screenshot_2021_06_22_at_16_30_11_700x327_b6c56b32ca.png)

**Tip:** Each recording has a color marker below the player timeline. You can fast-forward the recording to see the details.

On the heatmap or a grouped heatmap
Each heatmap allows you to see a specific type of event, and zooming is one of them. To see heatmaps for visits with zooming:

1. Go to [Heatmaps](https://app.cux.io/pages).
2. Open a heatmap with traffic from mobile devices.
3. Find the Events section.
4. From the events list, select Zoom. Heatmap will generate automatically.
Note that we’ll not always be able to show you a heatmap for a specific event due to not enough data gathered.

In the Experience Metrics section

In the app, you will also find the Experience Metrics section, where you will see all visits (not only those achieving your Goal, such as on the dashboard), in which a given user frustration occurs: zooming, rage click, rage key presses, chaotic movement or refreshing.
[What is a zooming](https://www.youtube.com/watch?v=9zkVWDrxsSI&ab_channel=CUXio)

What is zooming?

If you were to imagine a rage click, think of something like this:

_click, click, click, clickclickclickclickclick… and nothing happens_.

Rage click shows where people click numerous times and get no computer response. In effect, they experience something that’s referred to as computer rage — the state of anger and angered actions directed against computers.

In brief, rage clicks are records of user frustration. For your pages rage clicks show:

1. Design imperfections
2. Implementation errors or bugs

![rc-250x250.jpeg](https://content.cux.io/uploads/rc_250x250_b90d9d8c9d.jpeg)

Rage clicks are never a good sign. When you ignore them, you risk increasing customer churn. When you note rage clicks in the visits, use them to prioritize future design and development work. Use this as your chance to turn observations into actionable items.

### Why it’s essential to hunt for rage clicks?
1. You can see if your site evokes negative emotions.
2. You can identify places that mislead visitors. These can be fragments of text that look like links or calls to action. These can be images that look like banners.
3. You can find out dead links or buttons that don’t work.
4. You can identify unresponsive pages. In general, you can find out if the performance of your website degrades the user experience.
5. You can learn if images embedded on your site are optimized. Perhaps people click on them, hoping to see an enlarged version?
6. You can track partially loaded images. People click on them, expecting to see the graphics in full.


### Where can I track rage clicks?

On the dashboard


We have prepared a special widget that shows the number of rage clicks that we’ve recorded on your site. You should see this tile by default on your dashboard. When you place it on the dashboard, it shows you the number of visits with rage clicks recorded. You can click this tile and land on the Visits page that shows all recordings with rage clicks.

When you filter or watch visits


You can filter the list of visits and use a rage click as a parameter. To see visits where rage clicking happened:

1. Click **Open filters** on the **Visits** page.
2. Find the **Patterns** section.
3. From the patterns list, select **Rage click**.
4. Click **Apply** to see the list of select recordings.


The list of recordings automatically updates. You can then click **Play** for each visit to find out where exactly user frustration occurs.

Each recording has a color marker below the player timeline. You can fast forward the recording to see the details.

![rg2-250x58.jpeg](https://content.cux.io/uploads/rg2_250x58_8165ed8c92.jpeg)

On the heatmap or a grouped heatmap


Each heatmap allows you to see a specific type of event, and rage click is one of them. To see heatmaps for visits with rage clicking:

1. Go to [Heatmaps](https://app.cux.io/pages).
2. Open a heatmap with traffic from mobile devices.
3. Find the Events section.
4. From the events list, select Rage Click. Heatmap will generate automatically.


Note that we’ll not always be able to show you a heatmap for a specific event due to not enough data gathered.

In the Experience Metrics section

In the app, you will also find the Experience Metrics section, where you will see all visits (not only those achieving your Goal, such as on the dashboard), in which a given user frustration occurs: zooming, rage click, rage key presses, chaotic movement or refreshing.


[What is a rage click](https://www.youtube.com/watch?v=oqA_Tjy-HRs&ab_channel=CUXio)

What is a rage click?

- The trial version has no functional limitations. The trail contains ALL functionalities of our tool available on paid subscription. It allows you to observe how the collected data sample affects the Experience Metrics. You’ll alsoe see your users’ frustration and your conversion level.
- Our trial has no expiration date – the determinant here is the number of recordings. As part of the CUX free trial you’ll gain access to 1 000 visit recordings. You can collect them at your convenience



After collecting data from 1000 visits, you need to select a subscription to be able to continuously monitor user behavior❗

- CUX can be attached to any website as long as it is possible to paste our code into the website code or to the Google Tag Manager.

What are the limitations of trial version?

At CUX, we conduct retroactive analysis. It means that we collect data all the time, and you can go through it at your convince. We are able to show you your Customers’ Journeys or Conversion Waterfalls ever since you’ve added our code to your website.


### Why is this groundbreaking?
For example, you can check the Customer Journey, Waterfall or Goal from historical data. We’re able to show you the data in different contexts from the very moment you’ve implemented our code into the page. Unlike, for example, Google Analytics, which displays the results only from the moment of setting the goal, without going back in the data.

What is a retroactive analysis?

### Data storage
All data is hosted within the EU territory.

### Data encryption
Data to and from CUX’s servers is encrypted in transit.

### Masking of sensitive data
The exclusion of the indicated sensitive data (such as customer contact details) takes place at the stage of the user’s browser. You can hide sensitive data from our analytical scripts BEFORE sending them to our servers using CSS class cux-excludeclass.

### Client-side script hosting
This option is available for enterprise clients only!

Client-side scripting (embedded scripts) is code that exists inside the client’s HTML page. The main benefits of client-side scripting are:

- Greater control over the way data is collected; full control over the CUX publishing cycle.
- Avoidance of blocking and excluding the analytical script by tools such as AdBlock.
- The user’s actions will result in an immediate response because they don’t require a trip to the server.

### Open code
We provide access to the source code of the data collecting scripts.

Data security standards in CUX

Refreshing as a sign of experience deterioration occurs when someone reloads the page right after it has loaded, or keeps reloading the page one time after another in very short intervals. As refreshing, we consider **at least 3 page loads in the time less than or equal to 5000 ms**.
![refresh-page-still-nothing-250x250.jpeg](https://content.cux.io/uploads/refresh_page_still_nothing_250x250_0b455d3669.jpeg)

### Why people refresh my website?
1. Some page elements haven’t loaded correctly or at all (like photos, graphics, links etc.).
2. Visitors hope to see the misplaced or misaligned parts of the page in their proper place.
3. The page loads too slowly.


### Where can I track refreshing?
On the dashboard
On the dashboard, you will see a whole range of data related to your main goal (see: Building your custom Goals). We have prepared a special widget that shows the number of visits during which the content was refreshed. You should see this tile by default on your dashboard. You can click this tile and land on the Visits page that shows all recordings and heatmaps with refreshing the content.

![Screenshot-2021-06-23-at-09.18.50-700x322 (2).png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_09_18_50_700x322_2_ef05f62ebd.png)

**Remember that in the dashboard, you will only see visits that meet your main Goal. This won’t reflect all visits with refreshing on your site!**

When you filter or watch visits
You can filter the list of visits and use a “Refreshing” as a parameter. To see visits where refreshing happened:

1. Go to [Visits](https://app.cux.io/visits).
2. Click Open filters.
3. Find the Patterns section.
4. From the patterns list, select Refreshing.
5. Click Apply to see the list of select recordings.
6. The list of recordings automatically updates. You can then click Play for each visit to find out where exactly the user problem occurs.

![Screenshot-2021-06-23-at-11.12.19-700x327.png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_11_12_19_700x327_ca9d3aee76.png)

**Tip:** Each recording has a color marker below the player timeline. You can fast-forward the recording to see the details.

In the Experience Metrics section

In the app, you will also find the Experience Metrics section, where you will see all visits (not only those achieving your Goal, such as on the dashboard), in which a given user frustration occurs: zooming, rage click, rage key presses, chaotic movement or refreshing.

[What is a refreshing](https://www.youtube.com/watch?v=9joWsiwEc80&ab_channel=CUXio)

What is a refreshing?

Users make a lot of mouse movements during a single visit. They’re moving the mouse cursor in different directions. Often the cursor follows their gaze when, for example, they are reading a text. You can observe that in the visit recordings. When the cursor trace does not seem to go along a logical path or does not indicate a particular thoughtful journey in a relatively short period of time, we start to mark it as a chaotic movement. **When people start to be confused or lost — their mouse movement reflects their state of mind.** They are scrolling down-up-down-up, or move the mouse in various directions without a specific goal.

**Remember:** we only track chaotic movement on desktops!

### Where can I track zooming?

On the dashboard

On the dashboard, you will see a whole range of data related to your main goal (see: Building your custom Goals). We have prepared a special widget that shows the number of visits on desktops during which the chaotic movement occurred. You should see this tile by default on your dashboard. You can click this tile and land on the Visits page that shows all recordings and heatmaps with zooming content.

![Screenshot-2021-06-23-at-09.18.50-700x322 (3).png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_09_18_50_700x322_3_a72ce37ae5.png)

**Remember that in the dashboard, you will only see visits that meet your main Goal. This won’t reflect all visits with chaotic movement on your site!**

When you filter or watch visits

You can filter the list of visits and use a “Zoom” as a parameter. To see visits where zooming happened:

1. Go to [Visits](https://app.cux.io/visits).
2. Click Open filters.
3. Find the Patterns section.
4. From the patterns list, select Zoom.
5. Click Apply to see the list of select recordings.
6. The list of recordings automatically updates. You can then click Play for each visit to find out where exactly the user problem occurs.

![Screenshot-2021-06-23-at-11.26.12-700x326.png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_11_26_12_700x326_174eaad38b.png)

**Tip:** Each recording has a color marker below the player timeline. You can fast-forward the recording to see the details.

On the heatmap or a grouped heatmap
Each heatmap allows you to see a specific type of event, and move is one of them. To see heatmaps for visits with movement:

1. Go to [Heatmaps](https://app.cux.io/pages).
2. Open a heatmap with traffic from mobile devices.
3. Find the Events section.
4. From the events list, select Move. Heatmap will generate automatically.


Note that we’ll not always be able to show you a heatmap for a specific event due to not enough data gathered.

In the Experience Metrics section

In the app, you will also find the Experience Metrics section, where you will see all visits (not only those achieving your Goal, such as on the dashboard), in which a given user frustration occurs: zooming, rage click, rage key presses, chaotic movement or refreshing.

[What is a chaotic movement](https://www.youtube.com/watch?v=MM1A0qylEtY&ab_channel=CUXio)

What is a chaotic movement?

### Goal in brief
1. A configured Goal groups all data relevant to your conversion.
2. The Goals purpose is to pre-filter the data by your analytical goals.
3. You can use one of the predefined Goals or create your own, custom path.
4. The Goal contains data showing only users’ journeys that completed the conversion.
5. Number of Goals for your project is unlimited.
6. You do not need developers to add goals – we’re automatically capturing events on your website.
7. Goal dashboard shows number of visits that reached the Goal, Experience Metrics related to those visit, users’ journeys, activity and devices.

### Goal in detail
The Goal is the ratio of the number of recordings that meet your primary purpose (conversion) to all visits’ recordings. In other – simpler – words, Goals are here to tell CUX’s scripts what is important to your project. They translate your business into code understandable to the tool and define how it is to interpret your data.

![KB_goals-700x347.png](https://content.cux.io/uploads/KB_goals_700x347_643af99597.png)

Imagine: your consumers’ buying intent is high, but the conversion rate still leaves a great deal to be desired. In such a situation – requiring an answer not to the questions “how much?” but “why?” – the correct Goals setting will work wonders.

Goals let you measure only what matters for your business by focusing on the most important data insights in the goal context. The types of goals can be different – we’re focusing not only on sales, but also intentions to sell, abandoned carts, user registrations, subscriptions to newsletters, going through specific categories on the website, form fill-outs or specific paths to be overcome. Thanks to properly configured Goal you’ll be able to track clicks, scrolls, page loads, activities related to form filling or traffic from referrals.

What’s even cooler: we’ll alert you about your goal rate changes and all you’ll have to do would be to see what happened, implement the quick wins, sit back and watch your conversion increasing.

### How to set the main Goal?
In CUX, you can set any number of goals depending on your needs, but on the dashboard, we will display the results for visits reaching your main goal. To set a goal as your primary Goal:

1. Go to Goals
2. Mark a star next to the Goal you want to see on the dashboard immediately after logging in.

![Screenshot-2021-06-23-at-09.55.39-700x277.png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_09_55_39_700x277_0d2745688c.png)

What is a Goal?

### 👉 Traffic tracking
Traffic tracking events help you use visitor activity related to web pages or navigation. They include events like page loading or tracking navigation origin (referrer).

[Waterfall and Goal events: Traffic tracking](https://www.youtube.com/watch?v=GKVJ3VIaG7o&ab_channel=CUXio)

### Page load
Use page loads to track when someone loads a page – visits a specific URL. Several page loads can be used for complex conversion tracking when users need to visit several pages before they reach a conversion goal.


Remember to enter a relative URL here! You can type in only a part of the address, usually a page name like cart.php or product.html.


Just because we wanted to make your life even easier, we’ve added some handy shortcuts to define a part of the page address:


- **Contains (regexp)** – You can use a regular expression to match a page name. This is useful when you want to record page loads whose URLs can vary depending on the use case, for example, the page name gets appended to different parameters.


If you type “product”, we’ll track visits with URL


✅ “/product.html”, “/product-1.html”, “/shoe-product.html”, “/product-promo.html” etc.

- **Starts with** – Type the beginning of the page address to see possible options.


If you type “/product”, we’ll track visits with URL

✅ “/product.html”, “/product-1.html”, “/product-promo.html”

❌ NOT “/shoe-product.html”

- **Ends with** – Type in the ending part of the page address to see the possible options.


If you type “product.html”, we’ll track visits with URL

✅ “/product.html”, “/shoe-product.html”

❌ NOT “product-1.html”, “product-promo.html”


- **Matches** – Type in the exact part of the page address you want to track.


If you type “/product.html”, we’ll only track visits with URL

✅ “/product.html”

❌ NOT “/product-1.html”, “/product-promo.html”, “/shoe-product.html”

![KB_pageload-700x329.png](https://content.cux.io/uploads/KB_pageload_700x329_99fda0922c.png)


#### Referrer
A problem-solver when it comes to tracking visitors coming to you from a specific, external addresses. Very useful while observing users popping on your site from social media or search engines. The value you need to enter here is the source address. Type in the entire URL or part of it.

Such nice fellows we are, here are dedicated shortcuts that will allow you to work with page names or their parts instead of complete URLs.

- **Contains (regexp)** – User regular expression to cover parts of the referrer address.
- **Starts with** – Type the beginning of the referrer address.
- **Ends with** – Type the ending of the referrer address.
- **Matches** – Type in the full URL of the referrer.


#### 👉 Pointer
Pointer events are related to direct user actions on your page – whether it’s a click on a specific element or a page scroll.

[Waterfall and Goal events: Pointer](https://www.youtube.com/watch?v=3FDbOTdYq-k&ab_channel=CUXio)

#### Click
Click event allows you to base a step on specific elements that users click while navigating your pages like buttons, links, images, etc. You’ll need to enter the XPath of the element that receives clicks!

#### Scroll
The scroll event allows you to track users who vertically scrolled your website by a specific number of pixels. You can define the preferred scroll height in pixels to mark user action who gets to a particular area of the page, for example, below the fold.

![KB_scroll-700x317.png](https://content.cux.io/uploads/KB_scroll_700x317_68f9ab7c18.png)

**NOTE:** the pixels used in the Goal are calculated by the visitor browser. You need to verify these numbers by displaying the page using various screen resolutions. This is especially important if the code of your page uses relative units of measure like em or rem!

#### 👉 Form
Those events help you follow visitor actions in form fields. These actions include putting the mouse cursor in the field, moving out of the field, or form submission.

[Waterfall and Goal events: Form](https://www.youtube.com/watch?v=rVMmbkbEmJo&ab_channel=CUXio)

You’ll need to enter the XPath to indicate a specific form element.

![Screenshot-2021-01-13-at-09.03.05-700x124.png](https://content.cux.io/uploads/Screenshot_2021_01_13_at_09_03_05_700x124_01010ed3a7.png)

- Focus in. When users click or tab into a form field. The event is recorded regardless of the input device people use to navigate through your form – whether they use a mouse, keyboard, or other tools is not essential, as the primary thing here is the focus on the field.
- Changed. Whether someone edits a form, enters new data, or changes the field content. All typing, deleting, and overwriting match this event.
- Focus out. The event when someone moves the pointer out of a form field. You’ll see users stop typing in a field and moving forward.
- Submit. When someone clicks the submit button, and data entered in the form is sent to your server. The Submit event is more reliable than Click because it is based on the actual event of submitting the form and not just clicking a button.


**NOTE:** Submit may not work if you have opt-ins or Captcha to click. To be sure that the form was successfully submitted, add one more step – tracking the page-load of the form submission confirmation page.

#### 👉 Reverse this step (Negation)
[Waterfall and Goal events: Negation](https://www.youtube.com/watch?v=5m0bcYeybpM&ab_channel=CUXio)

Negation in the case of events means that CUX will select for you all the visits that did NOT meet the given Goal. For example, if you select an even “Click the “buy” button” and check the “Reverse this step (Negation)” box, you will only see the visits’ recordings where users did not fulfil the Goal (did not click the button).

![Screenshot-2021-01-13-at-10.23.47-700x271.png](https://content.cux.io/uploads/Screenshot_2021_01_13_at_10_23_47_700x271_a6d99c2a1f.png)

Goal events

To discover the page element XPath, you need to tell CUX which HTML element you have in mind. We’ll need the element class or ID that’s part of HTML attributes.


1. Navigate to the page on your site.
2. Find the element you want to track in your Waterfall.
3. Right-click the element.
4. Use the “Inspect” or “Inspect element” function. This opens the developer tools window or pane. In the developer tools window, a part of the HTML code that represents the chosen element is selected.


![xp-700x402.png](https://content.cux.io/uploads/xp_700x402_1af52ead89.png)

5. Copy the HTML element class or ID.
6. Paste the copied value in the XPath field of the Waterfall creator. After a short moment, CUX shows you suggestions for the XPath.
7. Select the option. CUX automatically enters the XPath value into the field. That’s all you need to do.
 

**NOTE:** If you use xPath for the Click event – always select “Matches” in the Comparison tab. If you use regular expressions instead of XPath, choose “Contains (regexp)”.

[How to extract XPath for Waterfall or Goal events](https://www.youtube.com/watch?v=abYCNgbybNo&ab_channel=CUXio)

Extracting XPath for Waterfall events

### Waterfall in brief

1. A configured Waterfall is a line chart
2. The Waterfall consists of steps
3. The steps represent user actions on your site
4. The order of the steps mirrors the sequence of actions people make to complete a task
5. Waterfalls can represent any task, including a conversion funnel
6. The Waterfall chart shows you how many people reach a specific step in a chain of events
7. You can use events on the chart to access visit recordings for each of them


### Waterfall in detail
CUX waterfall helps you track visitor behavior across various customer journey scenarios. In other words, the Waterfall is a graphical representation of any sequence of steps visitors perform on your site. You can visualize form submissions, account registration, check-out process, etc. You can also map a scenario to check whether visitors read terms and conditions when you ask them to. It’s up to you what you want to see.

![wf1-700x308.png](https://content.cux.io/uploads/wf1_700x308_6b0fc6eac5.png)

You don’t have to build extra long Waterfalls. Sometimes, it’s even better to have several smaller ones to break down complex processes into digestible chunks. This is good when you’re not tracking a monetary conversion process. When you intend to mirror your conversion funnel, then, of course, make sure to include all steps in a single Waterfall.

You can think of your Waterfalls as a collection of thriller short stories. There’s the plot – a sequence of actions you have set up. There’s a detective – you, investigating user actions. And there’s a central character – the visitor of your site. Will the hero reach the goal? What happens on their way that they don’t do it? Are there any events or other evidence that can tell you why? Waterfall helps you answer those questions.

A Waterfall event represents each user’s action. The progression of events builds a story for you to follow. Visitor actions very often aren’t linear. Sometimes people may seem chaotic or unpredictable on your site. Waterfalls help you analyze what happens when people take (or don’t) a specific action. The numbers on the Waterfall chart show you how many people have reached a particular stage. For each of the steps, you can watch visit recordings – the diagram shows your entry points to a filtered Visits page. Your examination of those visits should tell you if the intended course of events is reflected in reality. If not, try to gather as many insights as possible to adjust the flow. The Waterfall will tell you if you have succeeded.

What is a Waterfall?

If you’re looking for a more general description of what is CUX Waterfall, see What is a Waterfall?.

Before you begin

1. Define the goal for your Waterfall. It’s best to have a single goal for each of your Waterfalls. If you’re not sure where to start, think of form submissions, shopping process, new account registration, etc.
2. When you build a Waterfall, you may need a bit of technical knowledge. We’ve tried to make the process easy and also prepared supplementary manuals for you. When you get lost, let us know on chat, we’re there to help.


To create a Waterfall in CUX:

1. Go to the Waterfalls page.
2. Click Create new. This starts the Waterfall creation process.

![wf2-1-700x226.png](https://content.cux.io/uploads/wf2_1_700x226_029cbd1744.png)

3. Begin with a name (and description). Enter a meaningful name so that you can later find the Waterfall you need. The description is optional.

![wf3-700x265.png](https://content.cux.io/uploads/wf3_700x265_a9745ddc89.png)

4. Add a step. A Waterfall step is a single visitor action. You can create Waterfalls that consist of 2 or 3 steps. You can also build a complex one with more steps. There is no technical limit to the number of steps.
4.1. **Enter a step name**. You will see it later when the Waterfall is ready. Try to use a name that reflects an action you want your visitors to take.
4.2. **Select an event and define its parameters**. You can select events from 3 categories: events related to web traffic (page load or visit origin), user movement on the page (click or scroll), and user interaction with a form (entering data, changing data, submissions). To learn more about event types and their function, see Waterfall events.

![wf4.png](https://content.cux.io/uploads/wf4_c9098bb552.png)

_Note that, for some types of events that represent user interaction with your page element, you need to enter those elements’ XPath. CUX has a built-in mechanism to make the process smoother. To learn more about XPath, see XPath extraction._

5. Optionally repeat adding and configuring steps until you’ve mirrored the entire sequence of actions that match the Waterfall goal.

**That’s all. You’re all set! Time to inspect how the chart looks.**

### Next steps
You don’t have to wait for new data to be gathered. Waterfalls work with data that has already been collected. Waterfalls work in real-time, so if the traffic on your site is pretty heavy, the results shown can change every few minutes.

Have a look at How do I read a Waterfall to make sure you know how to make the most of your Waterfall. See how to learn about quick wins Waterfalls can uncover for you.

Note also that deleting or editing an existing Waterfall does not affect the availability of the data in the CUX database. Feel free to experiment, adjust, and play with as many Waterfalls as you wish.

[How to build a conversion Waterfall in CUX](https://www.youtube.com/watch?v=BM3aHt8IObA&ab_channel=CUXio)



Building a conversion Waterfall

### 👉 Traffic tracking

Traffic tracking events help you use visitor activity related to web pages or navigation. They include events like page loading or tracking navigation origin (referrer).

[Waterfall and Goal events: Traffic tracking](https://www.youtube.com/watch?v=GKVJ3VIaG7o&ab_channel=CUXio)

### Page load
Page loads are typically selected as the first step in a waterfall. Use this event to track when someone loads a page – that is, visits a specific URL. Several page loads can be used for complex conversion tracking when users need to visit several pages before they reach a conversion goal.
You need to enter a relative URL here – this means you can type in only a part of the address, usually a page name like cart.php or product.html.

To make your life easier, you can use shortcuts to define a part of the page address:
Starts with – Type the beginning of the page address to see possible options. Select the one you want to track in the Waterfall.

If you type “/product”, we’ll track visits with URL

✅ “/product.html”, “/product-1.html”, “/product-promo.html”

❌ NOT “/shoe-product.html”

Ends with – Type in the ending part of the page address to see the possible options. Select the one you want to track in the Waterfall.

If you type “product.html”, we’ll track visits with URL

✅ “/product.html”, “/shoe-product.html”

❌ NOT “product-1.html”, “product-promo.html”

Matches – Type in the exact part of the page address you want to track in the Waterfall.

If you type “/product.html”, we’ll only track visits with URL

✅ “/product.html”

❌ NOT “/product-1.html”, “/product-promo.html”, “/shoe-product.html”

**Contains (regexp)** – You can use a regular expression to match a page name. This is useful when you want to record page loads whose URLs can vary depending on the use case, for example, the page name gets appended different parameters.

If you type “product”, we’ll track visits with URL

✅ “/product.html”, “/product-1.html”, “/shoe-product.html”, “/product-promo.html” etc.

### Referrer
Use Referrer when you want to track visitors coming to you from a specific address. This is useful when you want to inspect what happens when people come from social media or search engines. The value you need to enter here is the source address. Type in the entire URL or part of it.

You can type in a full referrer address or use dedicated shortcuts that will allow you to work with page names or their parts instead of complete URLs.

**Starts with** – Type the beginning of the referrer address.

**Ends with** – Type the ending of the referrer address.

**Matches** – Type in the full URL of the referrer.

**Contains (regexp)** – User regular expression to cover parts of the referrer address.


### 👉 Pointer
Pointer events are the ones related to direct user actions on your page. You can define a step based on clicks on a specific element like a link or button. You can also track page scrolling.

[Waterfall and Goal events: Pointer](https://www.youtube.com/watch?v=3FDbOTdYq-k&ab_channel=CUXio)

### Click
Click event allows you to base a step on specific elements that users click while navigating your pages. You can use buttons, links, images, etc.

You need to enter the XPath of the element that receives clicks. If you’re new to XPath, see XPath extraction.

### Scroll
The scroll event allows you to track users who vertically scrolled your website by a specific number of pixels. You can define the preferred scroll height in pixels to mark user action who gets to a particular area of the page, for example, below the fold.

**TIP:**Enter large amounts of pixels to cover significant scrolling events. Note also that the pixels used in the Waterfall are calculated by the visitor browser. You need to verify these numbers by displaying the page using various screen resolutions. This is especially important if the code of your page uses relative units of measure like em or rem.

### 👉 Form
Our Waterfall allows you to mirror user actions when they work with forms. The events are very detailed and help you follow visitor actions in form fields. These actions include putting mouse cursor in the field, moving out of the field, or form submission.

[Waterfall and Goal events: Form](https://www.youtube.com/watch?v=rVMmbkbEmJo&ab_channel=CUXio)

To indicate a specific form element, you need to enter the XPath of that element. If you’re new to XPath, see XPath extraction.

### Focus in
Focus in represents the visitor action when they click or tab into a form field. As you can see, the event is recorded regardless of the input device people use to navigate through your form. Whether they use a mouse, keyboard, or other tools is not essential, as the primary thing here is the focus on the field.

### Changed
You can track whether someone edits a form, enters new data, or changes the field content. All typing, deleting, and overwriting match this event.

#### Focus out
Focus out is the event when someone moves the pointer out of a form field.
In other words, you can use this event to track when users stop typing in a field and move forward.

### Submit
Form submit is the event when someone clicks the submit button, and data entered in the form is sent to your server. You can use this event as a shortcut to creating a click event on a submit button. The Submit event is more reliable than Click because it is based on the actual event of submitting the form and not just clicking a button. Note that when users click the form submit button, this may result in a data validation error. When there are user input errors, forms aren’t submitted. Our event registers only successful submissions.

**IMPORTANT:** Submit may not work if you have opt-ins or Captcha to click. To be sure that the form was successfully submitted, add one more step to your Waterfall. The best way is to track the page-load of the form submission confirmation page.

### 👉 Custom events
A custom event is an event you can send to CUX based on the specific business model you’ve implemented on your site.

Waterfall events

If you’d like to inform visitors to your site that you use CUX to record them, you need to update your privacy policy or terms of use. To help you with this task, we’ve prepared a snippet of text that you can use as an inspiration.

Please note that in each case, you need to adjust this text to match your service and current legal regulations concerning data privacy. The text provided on this page isn’t a piece of legal advice, and we don’t offer legal consulting. Please consult a lawyer to proceed with the final version for your site.

### English
We use the cux.io tool provided by CUX Research Sp. z o.o. We do this based on our legitimate interest in creating website usage statistics and analyzing them to optimize our websites.

cux.io records users of our site and allows us to play a video of their actions on our site, as well as to generate the so-called heatmaps. cux.io does not provide us with any information that enables us to identify you. Your data is encrypted at the browser level and is not sent to cux.io servers.

The information we collect with cux.io include:

1. Information about the operating system and web browser you are using,
2. Time spent on our website and its pages,
3. The pages you view on our site,
4. Transitions between individual pages of our website,
5. Source from which you come to our website,
6. Places where you click on our pages.


To use the listed data, we implemented the monitoring cux.io code in the source code of our website. It uses cookies from the cux.io tool. You can disable the cux.io tracking code by disabling cookies on our site.

To learn more about the data processing policy of cux.io verify their privacy policy at [https://app.cux.io/legal/privacy-policy](https://app.cux.io/legal/privacy-policy).

### Polish / Polski
Korzystamy z narzędzia cux.io dostarczanego przez CUX Research Sp. z o.o, ul Robotnicza 42A, 53-608 Wrocław wpisanej do KRS 0000792391. Działania w tym zakresie realizujemy, opierając się na naszym prawnie uzasadnionym interesie, polegającym na tworzeniu statystyk i ich analizie w celu optymalizacji naszych stron internetowych.

cux.io rejestruje użytkowników naszej strony i umożliwia odtworzenie nagrania wideo z jego ruchu na naszej stronie, jak również wygenerowania tzw. map cieplnych. cux.io nie udostępnia nam żadnych informacji, które pozwalają na Twoją identyfikację, ponieważ Twoje dane są szyfrowane na poziomie przeglądarki i nie są wysyłane do serwerów cux.io.

Informacje, do jakich mamy dostęp w ramach cux.io to, w szczególności:

1. informacje o systemie operacyjnym i przeglądarce internetowej, z której korzystasz,
2. czas spędzony w naszym serwisie oraz na jego podstronach, podstrony, jakie przeglądasz w ramach naszego serwisu,
3. przejścia pomiędzy poszczególnymi podstronami w ramach naszego serwisu,
4. źródło, z którego przechodzisz do naszego serwisu,
5. miejsca, w które klikasz myszką na naszych stronach.


W celu korzystania z powyższych danych, zaimplementowaliśmy w kodzie źródłowym naszej strony monitorujacy kod cux.io. Wykorzystuje on pliki cookies narzędzia cux.io. Z poziomu naszej strony, z wykorzystaniem mechanizmu służącego do zarządzania plikami cookies, możesz wyłączyć kod śledzący cux.io.

Jeżeli chcesz dowiedzieć się więcej na temat polityki przetwarzania danych przez cux.io, zachęcamy do spojrzenia na politykę prywatności cux.io [https://app.cux.io/legal/privacy-policy](https://app.cux.io/legal/privacy-policy)

Sample privacy policy section on your service and CUX

If you’re looking for a more general description of what is CUX Goal, see What is a Goal?

### To create a Goal in CUX:
1. Go to the [Goals page](https://app.cux.io/goals).
2. Click Add New Goal. This starts the Goal creation process.
3. Begin with a name (and description). Enter a meaningful name so that you can later find the Goal you need. The description is optional.


**NOTE:** If you’re adding more than one Goal, remember to choose your main one. You’ll do so by marking the star on the chosen Goal – it’ll be the Goal visible on the CUX Dashboard everytime you’ll log in.

4. Add a step. A Goal step is a single visitor action. You can create Goals that consist of 2 or 3 steps. You can also build a complex one with more steps. There is no technical limit to the number of steps.
4.1. **Enter a step name**. You will see it later when the Goal is ready. Try to use a name that reflects an action you want your visitors to take.
4.2. **Select an event and define its parameters**. You can select events from 4 categories: events related to web traffic (page load or visit origin), user movement on the page (click or scroll), and user interaction with a form (entering data, changing data, submissions) or a custom Goal. To learn more about event types and their function, see Goal events.

![Screenshot-2021-01-13-at-09.08.41-700x503 (1).png](https://content.cux.io/uploads/Screenshot_2021_01_13_at_09_08_41_700x503_1_76a1eb96c0.png)

Note that, for some types of events that represent user interaction with your page element, you need to enter those elements’ XPath. CUX has a built-in mechanism to make the process smoother. To learn more about XPath, see XPath extraction.

5. Optionally repeat adding and configuring steps until you’ve mirrored the entire sequence of actions.

You and your Goal are all set!

[How to build your custom Goals in CUX](https://www.youtube.com/watch?v=aQDKkieNUgE&ab_channel=CUXio)


Building your custom Goals

**Retention is the period for which your data is available at CUX**. This means that if the package you selected has 1 month of retention, both heatmaps, funnels and recordings will be available only from this period, and all older ones will be deleted.

By default, you can choose in our pricing 5 retention models:

- 2 weeks,
- 1 month,
- 3 months,
- 6 months,
- 1 year.


If you need a custom package, no problem! Just drop us a line, and we’ll prepare an account with features and parameters you actually need.

What is retention (in pricing)?

To discover the page element XPath, you need to tell CUX which HTML element you have in mind. We’ll need the element class or ID that’s part of HTML attributes.

1. Navigate to the page on your site.
2. Find the element you want to track in your Goal.
3. Right-click the element.
4. Use the “Inspect” or “Inspect element” function. This opens the developer tools window or pane. In the developer tools window, a part of the HTML code that represents the chosen element is selected.inspect page cux.io

![xp-700x402 (1).png](https://content.cux.io/uploads/xp_700x402_1_e3f19df961.png)

5. Copy the HTML element class or ID.
6. Paste the copied value in the XPath field of the Goal creator. After a short moment, CUX shows you suggestions for the XPath.
7. Select the option. CUX automatically enters the XPath value into the field.
That’s all you need to do!


**NOTE:** If you use xPath for the Click event – always select “Matches” in the Comparison tab. If you use regular expressions instead of XPath, choose “Contains (regexp)”.

[How to extract XPath for Waterfall or Goal events](https://www.youtube.com/watch?v=abYCNgbybNo&feature=emb_title&ab_channel=CUXio)


Extracting XPath for Goal events

CUX allows creating **Partner Accounts** – a tailor-made solution for agencies, marketing and software houses or entrepreneurs with more than a one project/site/app.

![Partner_LP-700x394.png](https://content.cux.io/uploads/Partner_LP_700x394_21cf5e2ff7.png)

**1. MAIN ACCOUNT**

Partner Account enables creating unlimited client accounts managed by the main account with the possibility of adding client users to see and manage their data. The Partner Account owner can create subassemblies dedicated to specific projects – freely grant access to the tool to both your employees working on a given project and client’s representatives.

Creating one managing Partner Account lets you keep control over multiple projects thanks to smart alerting system.

**2. FLEXIBLE PAYMENT SYSTEM**

Partners gain access to a billing system adapted to individual needs. You can either be the sole payer or enter various settlement entities. Every Partner Account is presented with a personalized pricing depending on the number of clients/projects.

**3. DEDICATED SUPPORT**

The partnership with CUX entails additional project and technical support from our team. By deciding on a Partner Account, you will get out-of-charge online consultation (onboarding), dedicated technical support at your convenience, one hour per month of technical expert consultation and Q&A.

Want to become CUX Partner? Let us know!

CUX Partner Account

**Only the Organization Admin can invite team members to Organization and Projects! To see team member permissions, go to: Account Settings > Organization > Team members.**

To add a team member to CUX:
1. Go to Account Settings (left column on the dashboard).
2. Select Organization.
3. Go to Team members and click Send invitation.
4. Then – if you are an Organization Admin – you’ll be able to type the e-mail address of a team member you want to add.

![Screenshot-2021-08-05-at-12.19.17-700x439.png](https://content.cux.io/uploads/Screenshot_2021_08_05_at_12_19_17_700x439_fdf3cf60d0.png)
Once the invite is sent, the new team member will show up on your Organization’s team member list.

### Receiving an invitation to CUX:
If the admin of the organization in CUX adds you to co-create projects, an invitation will come to your inbox. All you need to do to join the organization is to click on the activation link.
![Screenshot-2021-08-05-at-12.20.09-700x394.png](https://content.cux.io/uploads/Screenshot_2021_08_05_at_12_20_09_700x394_fca8fdbe92.png)

### What if my team member doesn’t receive the invite?

If your team member does not receive the invite to their inbox, have them check the following:
1. Ensure that the invite wasn’t misrouted to a different folder (e.g. SPAM).
2. If the recipient is your co-worker with a company e-mail account (e.g. name@company.com), have the company’s IT team allow any email messages coming from @cux.io.

### Types of roles & access in CUX:
- Admin
-- supervision over the organization and projects,
-- adding and removing users,
-- adding and removing projects.
- User
-- handling projects within the organization.

![Screenshot-2021-08-09-at-10.35.04-700x116.png](https://content.cux.io/uploads/Screenshot_2021_08_09_at_10_35_04_700x116_56e344fe80.png)

Adding team members to CUX

You already know what state of computer fury drives people to rage clicking (See: What is a rage click?). Well, we’ve got bad news for you. Rage key pressing is the next level of it…

![click.gif](https://content.cux.io/uploads/click_11014ba6c1.gif)

Rage key pressing is another case of computer rage, similar to rage clicking, but occurs when people quickly and chaotically press numerous keys on their keyboards. It is numerous, fast, frequent, and chaotic keystrokes in various places on the page, suggesting the user’s frustration (or dander). A rage key pressing event occurs when we register at least 12 such events within 1500 ms.

**Remember:** we only track rage key presses on desktops!

### Where can I track rage key pressing?

On the dashboard


On the dashboard, you will see a whole range of data related to your main goal (see: Building your custom Goals). We have prepared a special widget that shows the number of visits on desktops during which the rage key pressing occurred. You should see this tile by default on your dashboard. You can click this tile and land on the Visits page that shows all recordings and heatmaps with rage key pressing.

![Screenshot-2021-06-23-at-09.18.50-700x322 (1).png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_09_18_50_700x322_1_6d77fd1ae9.png)

Remember that in the dashboard, you will only see visits that meet your Goal. This won’t reflect all visits with rage key pressing on your site!

When you filter or watch visits

You can filter the list of visits and use a “Rage key press” as a parameter. To see visits where zooming happened:

1. Go to [Visits](https://app.cux.io/visits).
2. Click Open filters.
3. Find the Patterns section.
4. From the patterns list, select Rage key press.
5. Click Apply to see the list of select recordings.
6. The list of recordings automatically updates. You can then click Play for each visit to find out where exactly the user problem occurs.

![Screenshot-2021-06-23-at-10.27.43-700x329.png](https://content.cux.io/uploads/Screenshot_2021_06_23_at_10_27_43_700x329_1dd6990632.png)

**Tip:** Each recording has a color marker below the player timeline. You can fast-forward the recording to see the details.

In the Experience Metrics section

In the app, you will also find the Experience Metrics section, where you will see all visits (not only those achieving your Goal, such as on the dashboard), in which a given user frustration occurs: zooming, rage click, rage key presses, chaotic movement or refreshing.

[What is a rage key press](https://www.youtube.com/watch?v=YpvTtHRz8JY&ab_channel=CUXio)

What is a rage key press?

So far, as you know, we used XPath to track events like clicks on the website (see: Extracting xPath for Waterfall events). To discover the page element XPath, you needed to tell CUX which HTML element you have in mind. Now, instead of the ID that’s part of the HTML attributes you want to track, you can type in the element class.

### Tracking events using classes
From now on, if all items you want to examine have the same class (e.g. _button class=”accept”_), you can track them in CUX using this class.


### To extract class for Waterfall events:
1. Navigate to the page on your site.
2. Find the element you want to track in your Waterfall.
3. Right-click the element.
4. Use the “Inspect” or “Inspect element” function. This opens the developer tools window or pane. In the developer tools window, a part of the HTML code that represents the chosen element is selected.
5. Copy the element class (e.g. <button class=”accept”>).
6. Paste the copied value in the Class field of the Waterfall creator.

![xPath_or_class-700x380.png](https://content.cux.io/uploads/x_Path_or_class_700x380_f7aa3b0dff.png)

### Two ways of writing down classes:
- _accept_ – CUX will focus on all elements that have the “accept” class and on those which have the “accept” class and any other classes,
- _“accept”_ – CUX will focus only on elements that have the “accept” class.
 

### Why track events using classes?
xPath is information about a specific element on the page, which means that you can precisely target a specific element, e.g. a button, thanks to which we will be able to measure clicks. But what if we want to measure a click on any of the many buttons? For example, if you have 100 buttons like this on your page?

If all these elements have the same class, e.g. accept, you can measure them using classes.

**NOTE:** If you use classes for the Click event – always select “Contains (regexp)” in the Comparison tab. If you use XPaths, choose “Matches”.

Extracting classes for Waterfall events

CUX lets you either create your own custom Goal or use one of the predefined examples. Remember that the number of Goals for one project is unlimited, and they do not have to be related to each other.

By using the predefined Goals, you’ll only get directions on how to guide your path. Following the prompts, you will still have to name your goal, add its internal description (optional) and modify the steps so that they’ll match your project – add xPath or referral page, set appropriate form fields, etc.

![Screenshot-2021-01-13-at-09.08.41-700x503.png](https://content.cux.io/uploads/Screenshot_2021_01_13_at_09_08_41_700x503_0666438399.png)

### Predefined Goals in CUX:
#### 👉 Purchase intention
Lets you follow all visits with consumers’ willingness to buy a given product at a specific time or in a specific situation. This shows that developing purchase intentions makes a consumer more likely to go through with the actual purchase. Also is a great way to track abandoned carts.

#### 👉 Purchase
Shows you all the visits which ended up with the purchase – for example when users reached the Thank You Page.

#### 👉 Traffic from social media
You’ll be able to track all the visitors coming to your site from social media. You’ll have to enter here the source address. Remember to type in the relative URL.

#### 👉 Paid traffic
Not a penny spend on your ads will go unnoticed – see all the traffic and users’ behavior on your site coming from the paid campaigns. You’ll have to enter here the source address. Remember to type in the relative URL.

#### 👉 Create an account
Lets you track all the users’ visits that ended up in creating an account. A default event here is a click on “Sign up” button, but you can freely modify the steps to suit your project. Remember that when you’re choosing a click as an event to follow you’ll have to enter the XPath of the element that receives clicks.

#### 👉 Start trial intention
You’ll be able to track all the user’s with intention to start a trial at your website. A default event here is a click on “Sign up” button, but you can freely modify the steps to suit your project. Remember that when you’re choosing a click as an event to follow you’ll have to enter the XPath of the element that receives clicks.

#### 👉 Buy subscription intention
See users’ visits that indicated an intent to buy your subscription. A default event here is a click on “Pay” button, but you can freely modify the steps to suit your project. Remember that when you’re choosing a click as an event to follow you’ll have to enter the XPath of the element that receives clicks.

#### 👉 Buy subscription
See users’ visits that showed not only an intention to buy your subscription but also fulfilled their desire (e.g. ended up on a Thank You Page). A default event here is a click on “Pay” button, but you can freely modify the steps to suit your project. Remember that when you’re choosing a click as an event to follow you’ll have to enter the XPath of the element that receives clicks.

#### 👉 Send contact form
Perfect if your conversion goal is set up a fulfilled contact form. A default event here is a click on “Send” button, but you can freely modify the steps to suit your project. Remember that when you’re choosing a click as an event to follow you’ll have to enter the XPath of the element that receives clicks.

#### 👉 Custom
CUX lets you create your own custom Goals with as many steps and events as your project needs. See how to create a custom Goal step-by-step.


Predefined Goals

So far, as you know, we used XPath to track events like clicks on the website (see: Extracting XPath for Goal events). To discover the page element XPath, you needed to tell CUX which HTML element you have in mind. Now, instead of the ID that’s part of the HTML attributes you want to track, you can type in the element class.

### Tracking events using classes
From now on, if all items you want to examine have the same class (e.g. _button class=”accept”_), you can track them in CUX using this class.

### To extract class for Goal events:
1. Navigate to the page on your site.
2. Find the element you want to track in your Goal.
3. Right-click the element.
4. Use the “Inspect” or “Inspect element” function. This opens the developer tools window or pane. In the developer tools window, a part of the HTML code that represents the chosen element is selected.
5. Copy the element class (e.g. _button class=”accept”_).
6. Paste the copied value in the Class field of the Goal creator.

![xPath_or_class-700x380 (1).png](https://content.cux.io/uploads/x_Path_or_class_700x380_1_3911a628da.png)

### Two ways of writing down classes:
- _accept_ – CUX will focus on all elements that have the “accept” class and on those which have the “accept” class and any other classes,
- _“accept”_ – CUX will focus only on elements that have the “accept” class.


### Why track events using classes?
xPath is information about a specific element on the page, which means that you can precisely target a specific element, e.g. a button, thanks to which we will be able to measure clicks. But what if we want to measure a click on any of the many buttons? For example, if you have 100 buttons like this on your page?

If all these elements have the same class, e.g. accept, you can measure them using classes.

**NOTE:** If you use classes for the Click event – always select “Contains (regexp)” in the Comparison tab. If you use XPaths, choose “Matches”.

Extracting classes for Goal events

Imagine a world where you would just know what time of day or week the most users fulfilled visit goals. No more waking up screening, remembering you forgot to check the latest analytics updates! You would simply get alerted about any significant changes in conversion rates. Perfect world, right?

Well, now it’s within your reach.

### What are alerts in CUX?
Alerts are e-mail notifications about the progress of your Goal that we send to you automatically. What values and goals interest you, you set yourself. You can set up alerts for any number of analytical goals.

![Screenshot-2022-04-19-at-11.40.01.png](https://content.cux.io/uploads/Screenshot_2022_04_19_at_11_40_01_eef4ff0684.png)

### How to switch on alerts in CUX?
You can switch alerts in the Goals or Visit tabs of your project.

### To switch alerts in Goals:
1. Log into [your account](https://app.cux.io/login).
2. Go to Goals and select the “Alerts” tab. Click “New Alert”.

![Screenshot-2022-04-19-at-11.58.57-700x242.png](https://content.cux.io/uploads/Screenshot_2022_04_19_at_11_58_57_700x242_0e2d4ff6e6.png)

3. Start with a name. Try to enter a meaningful name so that you’ll know which alert is reaching your inbox.
4. Enter your e-mail address.
5. Set up a preferred variable and its value. You can either choose to be alerted when the Goal progress in Greater than or Lesser than a given percentage.

![Screenshot-2022-04-19-at-11.59.36.png](https://content.cux.io/uploads/Screenshot_2022_04_19_at_11_59_36_97adddee41.png)

6. Add a new alert & never have to worry again about the constant need of checking your analytics!

### To switch alerts in Visits:
1. Log into [your account](https://app.cux.io/login).
2. Go to Visits.
3. Filter visits with preferred segments or variables.
4. Click “New Alert”.

![e1dc0a27-54f5-4fea-afaa-b06f95aa3e3a (1).png](https://content.cux.io/uploads/e1dc0a27_54f5_4fea_afaa_b06f95aa3e3a_1_ca2c376e8f.png)

5. Enter a unique an alert’s name, and your e-mail address.
6. Set up a preferred variable and its value. You can either decide to be alerted when the Goal progress in Greater than or Lesser than a given percentage.
7. Add a new alert & never have to worry again about the constant need of checking your analytics!

Setting up alerts for Goal progress

### Technically – what is a heatmap?
A heatmap graphically shows users’ most significant actions on your pages. Each activity, like a click or mouse move, adds to the hotness of a given area. These actions can be, for example, clicks and mouse moves. Any recorded activity makes an area hotter. The places where users click most often are marked as hot areas. Hot regions are marked in warm colors, red being the hottest. The places where users click less often are shown as cold. Cold colors like blue and green mark areas where visitors click but not that often. Any areas without colors are the places where there’s no user action.

![HM_1-700x303.png](https://content.cux.io/uploads/HM_1_700x303_82f5b5291e.png)

Sometimes people get frustrated, and they click somewhere a hundred times just out of anger. CUX heatmaps can show you that as well. For more information on angry clicking see Types of heatmap events and parameters.

### Hot N Cold
Have you ever thought that Katy Perry was singing about heatmaps? Or about the visitors to your website? 😊 Well, think about it like this, people get hot about some things on your website. And they are totally cold about other stuff. This is perfectly normal. Stay calm, [don’t get frustrated as the singer did](https://youtu.be/kTHNpusq654). CUX heatmaps come to the rescue as they help you understand when visitors “are yes,” and when they “are no.” This is a goldmine of insights on your way to understanding your user preferences and behavior.

### What does a heatmap show me?
CUX heatmaps show you the most valuable things that happen on your website:

1. Where people click
2. Where they don’t click (but were supposed to click)
3. Whether people click on things that aren’t links
4. Are visitors clicking out of anger or frustration


Heatmaps can be your website debugging help:

1. You can find clicks on broken links.
2. You can identify missed opportunities to have links (dead clicks).

### I can’t wait to see my heatmaps!
Well, you need to wait. Perhaps this doesn’t sound like good news. Heatmaps are created out of user activity. We need to record and collect enough user click and mouse movements to show you meaningful results. The more visits on your page, the better the heatmaps are. You’ll see this yourself as time passes by, and the heatmaps show more reliable data.