Este é o primeiro passo para diagnosticar você mesmo o problema do New Relic Session Replay.
Se você não encontrar seu problema listado aqui, você pode entrar em contato com o suporte da New Relic.
Replays não visíveis na interface
Problema
O recurso de repetição de sessão está habilitado, mas você não consegue visualizar nenhuma repetição.
Solução
Aqui estão algumas soluções possíveis:
Verifique suas taxas de amostragem. Há amostragem para replays e erros.
Certifique-se de ter permissão para visualizar replays.
Certifique-se de estar usando a versão Pro ou Pro+SPA do agente browser. Session Replay não funciona com o agente browser Lite.
Certifique-se de que seu browser agente atenda a estes requisitos:
- Versão do agente v1.260.0 ou posterior. Recomendamos atualizar para a versão mais recente do agente à medida que continuamos fazendo melhorias.
- Tipo de agente: Pro ou Pro+SPA. Session Replay não funciona com o agente browser Lite.
- O rastreamento de sessão está habilitado.
O navegador do seu usuário final suporta a API de nível de navegador necessária para gravar um Session Replay (verifique a compatibilidade em MutationObserver).
Na Caixa de entrada de erros, filtre suas visualizações para que você sempre tenha uma repetição. Por padrão, os dados de eventos do browser são armazenados por 8 dias, mas a retenção real de dados depende da sua conta.
Se você estiver usando o método de implantação copiar/colar, atualize o código do agente.
Se você usar o método de implantação APM , talvez seja necessário aguardar a ativação automática do Session Replay. Se os dados ainda não estiverem visíveis, tente reiniciar o agente.
Se você estiver descartando dados de eventos do PageView, o Session Replay pode não aparecer na interface.
Os replays não aparecem corretamente
Problema
Você consegue ver os replays, mas eles não estão aparecendo corretamente.
Isso pode ocorrer porque seus arquivos CSS estão hospedados em um domínio separado e as medidas de segurança do Cross-Origin Resource Sharing (CORS) estão impedindo nosso agente de acessar os arquivos CSS. Isso pode resultar em replays incompletos ou imprecisos, pois podem faltar informações essenciais de estilo.
Aqui está o que está acontecendo nos bastidores:
O Session Replay reconstrói o DOM do usuário, capturando a estrutura e os elementos visuais do seu site. Para conseguir isso, nosso agente acessa seus arquivos CSS para capturar informações de estilo com precisão. Esses estilos são então incorporados diretamente na gravação do replay, eliminando a necessidade de fazer referência aos arquivos CSS originais durante a reprodução.
Se seus arquivos CSS estiverem hospedados em um domínio separado, o CORS poderá impedir que nosso agente os acesse.
Solução
Para garantir que seus arquivos CSS estejam acessíveis, adicione o atributo crossorigin="anonymous"
aos elementos <link rel="stylesheet">
no código HTML. Este atributo instrui o browser a permitir acesso de origem cruzada para esses arquivos CSS específicos, permitindo que nosso browser agente registre e integre as informações de estilo.
Aqui está um exemplo de adição do atributo crossorigin="anonymous"
:
<link rel="stylesheet" href="assets.yoursite.com/styles.css" crossorigin="anonymous">
Replays não visíveis em seus iframes
Problema
O recurso de repetição de sessão está habilitado, mas você não consegue visualizar dados de repetição para conteúdo iframe.
Solução
O comportamento do Session Replay em cenários de iframe depende da origem do iframe e do posicionamento do navegador do agente.
Supondo que uma página da web consiste em uma janela de nível superior com um iframe filho, aqui estão algumas correções possíveis:
Iframes de mesma origem:
- Se você colocar o navegador do agente na janela de nível superior, o Session Replay capturará a janela e o iframe.
- Se você colocar o navegador do agente no iframe, o Session Replay capturará apenas o que estiver no iframe.
- Se você colocar o navegador do agente na janela de nível superior e no iframe, o Session Replay captura o que está acontecendo independentemente na janela e no iframe, resultando em duas sessões separadas.
Iframes de origem cruzada:
- Se você colocar o navegador do agente na janela de nível superior, o Session Replay capturará apenas o que estiver na janela. O iframe aparecerá em branco no Session Replay.
- Se você colocar o navegador do agente no iframe de nível superior, o Session Replay capturará apenas o que estiver no iframe.
O Session Replay não é compatível com elementos <frame>
.