Masking input data

The input fields in Checkout contain specific data attributes that provide data masking for mentioned analytics / tracking solutions. The content of every element marked with the data attribute is removed to prevent content on your page from being recorded.

Contentsquare

Data attribute added in our source code:

data-cs-mask

The content of <input> elements with type text, email, password, search, tel, url or <input> elements without a type are replaced with bullets before the HTML is sent
Every figure of <input> elements with type number are replaced by 0

For more information see: Contentsquare documentation

Mouseflow

Data attribute added in our source code:

data-mf-replace="**REMOVED**"

Mouseflow will record the page as if the marked HTML element was not there:

// Example:
<div>
    <p>Test 1</p>
    <input data-mf-replace="**REMOVED**"/>
    <p>Test 2</p>
</div>


// The page will be recorded as follow:
<div>
    <p>Test 1</p>
    **REMOVED**
    <p>Test 2</p>
</div>

For more information see: Mouseflow documentation.

Hotjar

Hotjar handles data masking without any changes on the checkout side.

Text type fields will show ***
Number type fields will show 111
Date type fields will show 01/01/1979
Placeholder attributes in input elements will show ***, even if the placeholder is empty.

For more information see: Hotjar documentation.