[Session recording] clearly show which elements are being censored

[timgl]

Is your feature request related to a problem?

We censor certain elements from being recorded for privacy purposes which is great. However, every time I look at a recording I get a mini heart attack thinking the entire interface is broken.

Describe the solution you'd like

Would be good to just have a fake 'blurred data' in place of the censored element.

Describe alternatives you've considered

Additional context

Thank you for your feature request – we love each and every one!

[GalDayan]

Guys, it's really nice enhancement.
I just wondered, how did you recognize elements as "private elements" which you should censor them?
@timgl

[macobo]

@GalDayan We're using rrweb under the hood (https://github.com/rrweb-io/rrweb)

There's a guide here: https://github.com/rrweb-io/rrweb/blob/master/guide.md#privacy

I'm planning on making an upstream enhancement to include our own data attr for this.

cc @yakkomajuri

[yakkomajuri]

@GalDayan updates on this:

PostHog/posthog-js#112
PostHog/posthog.com#634

[yakkomajuri]

@macobo as for the issue itself, the best approach would be a PR upstream with some settings for what to display on censored elements.

The temp solution on our end could be to pass the list of censored elements on the page with the $snapshot event and display that to the user on the player.