When capturing session videos, the NoibuJS script blocks personally identifiable information (PII) to keep sensitive shopper data out of recordings. This includes blocking credit card numbers, addresses, names, and anything else that a malicious party might use to identify the shopper.
To date, the NoibuJS script has used a blockSelector function to replace elements that include PII with an empty block. While this is an effective method of hiding PII, it can obscure large sections of webpages in session videos. In some session videos, the masking is so effective and hides so much of the webpage that a user can’t see what’s going on or use the video to identify the bug. This is especially problematic if the element causing the bug has been blocked.
We want our session videos to be as useful as possible, so we’re replacing the blockSelector function with the maskTextSelector function. This function replaces text in elements that include PII–including child elements–with *** characters, thereby obscuring the text without removing the entire element. This ensures the webpage looks normal and that a user can see what’s going on in the session video.