How to Suppress Elements and Images from Data

Hotjar offers options to suppress all text-based on-page numbers and email addresses, input fields, and some text within Heatmaps, Recordings and Feedback widgets.

Image suppression is shown as a gray square while individual elements may show as asterisks (****) or 1s (11111).

All fields, text, and images are suppressed before sending the data back to our servers. There is no way to retrieve the content suppressed once a report has been created.

Hotjar currently supports: 

• Individual Element Suppression
• Image Suppression

Individual Element Suppression

You can suppress individual elements, input fields, and regular text by making a small modification to your site code by adding an attribute data-hj-suppress to the elements you wish to suppress.

<!-- The below will suppress any characters typed in the field-->
<input type="text" name="company" data-hj-suppress />

<!-- The below will suppress any characters typed in the field-->
<textarea name="comments" data-hj-suppress></textarea>

<!-- The below will suppress any characters displayed in the paragraph-->
<p data-hj-suppress>Suppress me</p>

<!-- The below will suppress any characters displayed in any of the child elements inside the span element-->
<span data-hj-suppress>
  <p>Suppress this</p>
  <p>and this</p>
</span>

Back to top

Image Suppression

We replace suppressed images with the pattern below, matching the size of the original image.

You can suppress images, excluded any CSS background images, by adding an attribute data-hj-suppress to your site code on the image you wish to suppress.

<!-- The below will suppress the specific image element-->
<img data-hj-suppress src="hotjarlogo.png" height="250" width="600">

<!-- The below will suppress all images within the <div> element-->
<div data-hj-suppress>
  <img src="image1.png" height="250" width="600">
  <img src="image2.png" height="300" width="500">
</div>

Back to top