Os Monitors do OpenReplay oferecem uma visão focada nos problemas críticos que afetam a estabilidade e o desempenho da sua aplicação. Com cards pré-configurados, você pode monitorar erros de JavaScript, requisições de rede e outras métricas importantes para identificar e resolver problemas rapidamente.

Com os Monitors, você pode responder perguntas como:

• Quais erros de JavaScript estão afetando a experiência do usuário?
• Quais requisições de rede são as mais frequentes na sua aplicação?
• Há requisições de rede com erros recorrentes do lado do cliente (4xx) ou do lado do servidor (5xx)?
• Quais requisições de rede estão causando os maiores atrasos?

Criar um dashboard dedicado aos Monitors ajuda você a consolidar as principais métricas em um só lugar, facilitando o acompanhamento dos problemas técnicos. Veja como:

1. Navegue até o menu Dashboards.
2. Clique em Add Dashboard e dê a ele o nome Monitors.

1. Navegue até a categoria Monitors.
2. Adicione cada um dos cards a seguir ao seu dashboard:
   • Table of JS Errors: Monitore os erros de JavaScript que afetam a experiência do usuário e identifique rapidamente os tipos de erro, as frequências e os usuários afetados.
   • Top Network Requests: Veja as requisições de rede mais frequentes e identifique os endpoints de API com mais tráfego.
   • Sessions with 4xx/5xx Requests: Acompanhe os erros do lado do cliente (4xx) e do lado do servidor (5xx).
   • Sessions with Slow Network Requests: Identifique as requisições de rede que causam atrasos e priorize a correção de APIs lentas ou serviços sobrecarregados.

Cada card do dashboard de Monitors é interativo, permitindo que você explore os problemas em mais detalhes:

1. Clique em um erro para ver seu stack trace.
2. Use o botão ‘Find all sessions with this error’ para localizar todas as sessões afetadas.
3. Analise tendências com o overview, que mostra as ocorrências nas últimas 24 horas e nos últimos 30 dias.

1. Selecione um ponto no gráfico para ver os session replays relevantes.
2. Abra a aba Network no session replay para analisar os detalhes das requisições, incluindo duração e status.
3. Ajuste o intervalo de tempo do gráfico usando o menu suspenso para focar em períodos específicos.

• Revise as requisições mais frequentes na sua aplicação.
• Clique em uma requisição específica para filtrar as sessões que a contêm e analisar com mais profundidade.

O intervalo de tempo padrão do seu dashboard são as últimas 24 horas, mas você pode alterá-lo para atender melhor às suas necessidades:

1. Clique no menu suspenso de intervalo de tempo no topo do dashboard.
2. Escolha um intervalo predefinido (por exemplo, “Last 7 days”) ou defina um período personalizado.

Se preferir, você pode criar e adicionar cards diretamente na Cards View:

1. Navegue até Cards View no módulo Analytics.
2. Crie um card para qualquer métrica de Monitors (por exemplo, erros de JS ou requisições de rede lentas).
3. Adicione o card ao seu dashboard de Monitors usando a opção Add to Dashboard.

Os Monitors permitem acompanhar e resolver problemas críticos, como erros de JavaScript, desempenho de rede e requisições lentas. Use os recursos interativos, os session replays e a aba Network para se aprofundar nos problemas, descobrir as causas raiz e melhorar a estabilidade e o desempenho da sua aplicação.

Se você tiver algum problema ao criar funnels no seu projeto, entre em contato conosco na nossa comunidade no Slack e fale diretamente com nossos desenvolvedores!