O session replay do Zenovay grava mutações do DOM, não pixels. Isso significa que nunca vemos screenshots das telas dos seus visitantes. Mas o DOM gravado contém o conteúdo textual de cada nó, então aplicamos mascaramento para manter PII fora da gravação.
O que é mascarado por padrão
Sem qualquer configuração:
- Todo valor em um
<input>,<textarea>ou<select>é mascarado – a gravação captura o campo mas substitui seu valor por asteriscos. Isso está ativado por padrão para todos os tipos de entrada. - Campos
passwordsempre são mascarados no nível de caractere e nunca podem ser desmascarados. - Elementos canvas não são gravados de forma alguma.
Então, de imediato, qualquer coisa que um visitante digita em um formulário já fica protegida na gravação. Os hooks abaixo são para mascarar ou ocultar conteúdo que não seja um campo de formulário, ou para seções sensíveis que você quer remover completamente.
Mascarando texto personalizado
Para mascarar o conteúdo textual de qualquer elemento (um ID de cliente, um total de pedido, uma nota interna), adicione a classe zenovay-mask-replay:
<div class="zenovay-mask-replay">
Cliente #ABC-1234
</div>
O elemento ainda aparece na gravação com seu layout intacto, mas seu texto é substituído por caracteres mascarados antes da gravação sair do navegador. O valor real nunca chega aos servidores do Zenovay.
Ocultando um elemento completamente
Se você quer que um elemento seja excluído completamente da gravação (não apenas mascarado) – por exemplo um formulário de cartão incorporado ou uma seção da tela mostrando dados de outras pessoas – bloqueie-o. Adicione a classe zenovay-block-replay ou o atributo data-private:
<div class="zenovay-block-replay">
<!-- substituído por um placeholder vazio do mesmo tamanho -->
</div>
<div data-private>
<!-- também bloqueado da gravação -->
</div>
Um elemento bloqueado aparece no player como um placeholder vazio com as mesmas dimensões, então o layout continua reconhecível enquanto o conteúdo desaparece.
Ignorando eventos de entrada
Para manter uma entrada visível na gravação mas impedir que o gravador capture o que o usuário faz dentro dela, adicione zenovay-ignore-replay:
<input class="zenovay-ignore-replay" name="ssn" />
O campo aparece na gravação, mas as teclas pressionadas e mudanças de valor são ignoradas.
Excluindo uma página inteira
Não há atributo no nível da página para desativar. Se você não quer que o replay execute de forma alguma em uma página (uma tela admin de alta privacidade, uma página só interna), desative o session replay para esse domínio, ou bloqueie o contêiner principal da página com zenovay-block-replay. Os pageviews e eventos continuam sendo rastreados de qualquer forma.
Como verificar
Abra uma gravação nova do painel do seu site – vá para Audience → Sessions – e procure por um frame que contenha uma área mascarada ou bloqueada. O texto mascarado deve aparecer como asteriscos; elementos bloqueados devem aparecer como placeholders vazios. Se você ver um valor real, verifique que a classe ou atributo está no elemento antes do usuário interagir com ele, não depois.