Privacy

*.cubicast-sensitive

Add this class name for marking specific HTML elements and all their child nodes as sensitive. As a result, the recorder will obfuscate the text content of such elements, excluding sensitive data that reside in your web application from session recordings.

1
2
3
4

<div class="my-class cubicast-sensitive">
  <span>Sensitive Content</span>
  All text content inside this DIV will be obfuscated.
</div>

Form elements and media elements, such as INPUT, TEXTAREA, VIDEO, and CANVAS are treated accordingly. If a form element is included in a sensitive section, its value will be treated as if it is a password field. Likewise, a media element that is in a sensitive section will not be captured.

*[data-cc-exclude]

Add this attribute to exclude an element and all its child nodes from recordings. Before doing so, make sure the element’s CSS positioning is either absolute, sticky, or fixed. Otherwise, if the element contributes to the page’s layout, you will end up with inaccurate recordings.

Events Tracking

*[role=“button”]

Useful for tracking clicks on elements that are not tracked by default. Example:

1
2
3
4
5
6

<div>
  <img role="button"
    data-cubicast-label="logo"
    src="../images/logo.png"
  />
</div>
*[data-cubicast-label]

Use it for setting custom event labels. Typical usage scenarios:

  1. Track clicks on elements that don’t have text content
  2. For tracking events with common labels, if the element’s text content is multilingual
1

<button data-cubicast-label="update">Aktualisieren</button>

Media

CANVAS.cubicast-opaque

Adding this CSS class to opaque CANVAS elements will improve the performance of media capturing, as the extraction and packing of the alpha channel will be skipped.

1

<canvas class="cubicast-opaque"></canvas>
CANVAS.cubicast-static, VIDEO.cubicast-static

Add this class to media elements that remain static throughout the user’s session. Consequently, only their first snapshot is included in the recordings. Furthermore, if capturing media is on and your page contains multiple media elements, this option allows you to omit specific media from continuous capturing, reducing the number of API requests required per user session.

1

<canvas class="cubicast-static"></canvas>