# Video recordings

You can see what visitors do on your website. This can help you understand them and behave accordingly to it. For example, you'll see if visitors can process their orders easily or if they wander on your web.

WARNING

Protection of sensitive customer data

If visitors enter sensitive data (e.g. credit card numbers, visible passwords) on your website, you should exclude this data from the recording by masking forms and inputs (see the next chapter).

# Masking forms

Ignore recording of some parts of your page by adding attribute data-recording-ignore to the element you want to protect. Attribute has 2 supported values:

  • mask - all user inputs are recorded as *. Inputs with password type are automatically masked.
  • events - ignore recording of all events in matched element. Typing is not recorded.

When form has an attribute data-recording-ignore="mask" all characters typed into inputs are recorded and stored as *. When watching the recording you see user typing but you can see only * instead of text.

<!-- Mask all fields in form -->
<form data-recording-ignore="mask">
  <div>
    <label>Card number</label>
    <input type="text" placeholder="Card number">
  </div>
  <div>
    <label>Card year</label>
    <input type="text" placeholder="YYYY-MM">
  </div>
</form>
<form>
  <div data-recording-ignore="mask">
    <!-- Mask only fields in this div -->
    <label>Card number</label>
    <input type="text" placeholder="Card number">
  </div>
  <div>
    <!-- Field is not masked -->
    <label>Card year</label>
    <input type="text" placeholder="YYYY-MM">
  </div>
</form>

# Disable recordings on specific pages

If you have pages, where you don't want to record users' behaviour, you can disable recordings on any single page by using this little code snippet. Add it to pages which you don't want to record.

<script>
	smartsupp('recording:disable', true);
</script>

# Disable recordings for entire website

Disable recordings completely if you don't want to record any page and you don't care how visitors behave on your website. Just use the code snippet below and add it below the smartsupp code from Installation.

<script>
	smartsupp('recording:off', true);
</script>