UseItBetter - form tracking

Form Tracking Example

Open the console at the bottom of the window and interact with the form fields to see how UseItBetter captures interactions with form elements.

You may want to to inspect page source to see how different CSS class names, HTML tags and ids impact tracking

Some elements have assigned custom attributes starting with "udash-" prefix. These optional attributes allow to control how values entered into form fields are masked.

Read about form tracking in useitbetter.com/wiki

```
udash-mask-value = true
```
, value masked
First name
```
udash-mask-value = false
```
- value unmasked
Middle name
no
```
udash-
```
attribute, masked by default
Last name
```
udash-mask-offset = "3"
```
- value unmasked except of first 3 chars
Phone
no
```
udash-
```
attribute, value unmasked by default
Gender
Male Female Other
```
udash-mask-offset = "1"
```
- masked except of first char
Personal ID
12345 67890
no
```
udash-
```
attribute, value and label unmasked by default
Car
```
udash-mask-label="true"
```
- label masked, value not
Account Holder
```
udash-mask-value="true" udash-mask-label="true"
```
- both label and value masked
Registration Number
```
udash-ignore="true"
```
- no change event tracked
Credit Card Number

Form Tracking Example

First name

Middle name

Last name

Phone

Gender

Personal ID

Car

Account Holder

Registration Number

Credit Card Number