How to Manually Suppress Specific Elements and Images

When elements are suppressed, Hotjar does not collect the data and instead sends asterisks "***", 1s "111" or a pattern for each character/element.

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
• On-Page Text 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