Do Heatmaps and Session Recordings support Canvas or SVG elements?

Heatmaps and Session Recordings capture static snapshots of the HTML document to replay mouse movements, clicks, and scrolls. This includes inline SVG elements, where Matomo records the static appearance and tracks click and hover interactions.

The <canvas> element generates graphics in real time using JavaScript, which are not represented in the DOM in a way that can be recorded or replayed. When a webpage contains a <canvas> element:

  • The canvas content will not appear in Heatmaps.
  • Session Recordings will show a blank or missing area where the canvas is located.
  • Interactions within canvas elements (e.g. clicking on a chart) are not tracked or visualised.

For interface elements important to user behaviour analysis, consider using SVG or standard HTML where tracking and visual replays are needed.

Previous FAQ: Is the recorded Heatmap & Session Recording data accurate?