Masking Elements

You can configure masking from your Cobrowse Settings page. No customer website modifications are required to add or change masked field definitions. The masked elements section.

NOTE: Be aware that if your website is modified, the CSS selectors for masked inputs may need to be updated.

You should run a Cobrowse session on the new version of your website on a staging server to verify that all content is correctly masked. A best practice is to add the attribute glance_masked="true" to all inputs that should be masked. This way, even if the id or other attributes of the input element change, the input will continue to be masked.

If you want to download a CSV file of your masked elements for reporting purposes, click the Export button.

Glance auto-masks input fields with the attribute "type=password".

Mask Inputs

The contents of specific input fields, such as credit card number or password fields, can be masked from view by agents. Masked inputs can be identified by any CSS selector, including the html name or id attribute. When a text input is masked, agents will only see asterisks in their view. Agents will not be able to see the status of masked dropdown boxes, radio buttons, or checkboxes.

How the visitor's interface differs from the agent.

NOTE: In remote control mode agents cannot control masked inputs.

Mask Elements

Non-input page elements can also be masked. Masking an element also masks any nested elements and input fields that are contained by the masked element. The dimensions of masked elements are preserved, but text content and images are removed. The values of HREF and SRC attributes are cleared and the contents of SVG audio and video tags are removed.

NOTE: The ability to mask Canvas elements is supported in version 4.5.1 and later.

Style Masked Elements

You can apply special styling to masked inputs and elements during a Cobrowse session, to indicate to both visitors and agents that an area is masked. This can be accomplished by adding custom CSS to the Cobrowse button customization tool. Use the selector [data-gid][glance_masked=true] to select only masked elements during a session.

For example, to display an orange border around masked elements:

[data-gid][glance_masked=true] {
   border: 2px solid orange;

Whitelisted and Blacklisted Pages

Glance Cobrowse can be configured to mask entire pages from view based on the URL. If a whitelist is specified, then only pages in the whitelist will be cobrowseable. If a blacklist is specified, all pages in the website will be cobrowseable except the URLs in the blacklist. If both whitelist and blacklist are specified, then a page is cobrowseable only if its URL matches an entry in the whitelist, but does not match any entry in the blacklist.

To configure a whitelist or blacklist, contact

Custom Integration

For more custom integration options, refer to the API section found under Customizing on Glance's support site.

By continuing to use the site, you agree to the use of cookies. Learn More