Sensitive data protection
Do not record sensitive data. Mask forms and inputs.
We take privacy and security seriously. This API will help you to implement same standards across your website.
Passwords and credit card numbers are not recorded by default.
Recordings of credit cards are safe because most payment gates are 3rd party apps where customer gets redirected to another site. These payment gates are usually in an iframe which we block from being recorded as well.
There can be situations where you want to disable recordings or maybe ignore certain elements from being recorded.
||Ignore recordings of given element.|
Following code will disable recording of an entire page.
<script> smartlook('disable', true); </script>
data-recording-disable disables element containing sensitive information which will not be recorded at all. Element will not be displayed in recordings.
<div data-recording-disable> Sensitive information will not be recorded. </div>
data-recording-ignore ignores elements. Element will be displayed in recordings but values will not.
This attribute can have 2 values:
mask- inserted characters will be replaced by asterisk
events- inserted values will not be displayed at all
<input type="text" placeholder="Person age" data-recording-ignore="mask">
<input type="text" placeholder="Card number" data-recording-ignore="events">
You probably noticed the Card number example. We block credit cards in recordings by default but it may happen that your site is using some custom coded payment solution that is not either secure or is coded in such a way that our script does not recognise it. For such rare cases you can make sure by using this attribute and value that your customer card numbers are safe and will not be recorded.
Forms are everywhere these days on webistes and most often you will want to mask some of them.
Exclude visitor’s sensitive data from recordings by masking forms and inputs.
Mask all fields
Use this if you need to mask entire form.
<!-- Mask all fields in a form --> <form data-recording-ignore="mask"> <div> <label>Card number</label> <input type="text" placeholder="Card number"> </div> <div> <label>Expiration Date</label> <input type="text" placeholder="MM-YY"> </div> </form>
Mask selected fields
Maybe you want to mask only some selected fields.
<form> <!-- Mask this field --> <div data-recording-ignore="mask"> <label>Card number</label> <input type="text" placeholder="Card number"> </div> <!-- This field is not masked --> <div> <label>Expiration Date</label> <input type="text" placeholder="MM-YY"> </div> </form>