Video recordings

You can see what visitors do on your website.

With video recordings you will see what visitors and customers do and thus help them better.

Navigation

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.

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>

recording:disable

You can also entirely recordings on any given page separately.

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