Mask Specific Content Fields on your Website

At Insightech, we take privacy seriously and we have a few methods to help us maintain the privacy of your users, as they interact with your website.

This article will cover two methods to help you remove PII (Personally Identifiable Information):

  1. Insightech automatically masks common PII elements
  2. Custom PII masking (Set in your account profile)

Method 1 - Insightech Automated Masking

Insightech automatically masks some fields across your website by default. The masking is completed before data leaves the visitor's broker, so, raw data is never transferred to or stored by Insightech.

This includes:

  • All input fields across your forms
  • Email addresses

In some cases, static text may exist on your page containing PII, which you will want to mask using Insightech's custom masking (see below).

Method 2 - Custom Masking Your PII elements

Some elements on your website may still have personal details. This might include:

  • Address checker recommendations, and drop down selectors
  • Order confirmation details
  • Logged in user details
  • Webchat messages
  • Drop down lists in forms
All custom masking & whitelisting is performed in the tracking code before data is sent to Insightech. Any previously masked data cannot be unmasked.

How to Custom Mask in Insightech

  1. Click Settings → Tracking Code → Changing Tracking Settings

  1. Place the CSS selector for each element you want to mask, remembering to use a new line for each element

An example of whitelisting rules you might use:

.example-css-class

.example-css-selector > div > .example-selector-end

.example-css-selector-with-wildcard > *

[attribute="value"]

CSS class

Classes are like labels and can be applied to multiple elements in one go.

CSS selector

Selectors are the path of where your element lives. Each element has a unique selector within the page it lives

CSS attributes

If your element has an attribute value, you can specify that in the rules as well.

Your masking and whitelisting rules need to specify exactly where the text lives, that you want to mask/whitelist.

If you want to apply the rule to everything within a section of sub-elements, you can use a wildcard (*) at the end of a selector.
  1. Click to finalise your these rules

Include a Common CSS Class for Masking rules

Instruct your developer team to apply a common CSS class or attribute to any/all newly created elements that you want to mask.

This means that any rules applied in your masking or whitelisting will automatically apply to this new content, without you having to update any rules.

Recommended CSS Class for masking

.vendor-hidden

How did we do?

Whitelist Specific Content Fields on your Website

Contact