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;

Mask Entire Pages

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

To configure masking entire pages, 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