Monitoramento avançado de usuários reais com o Raygun Pulse

Quando eu era adolescente, tive uma ronda de jornais como meu primeiro “emprego de verdade”, e recebia um salário irrisório para andar pelas ruas e entregar as notícias locais nas residências do meu bairro. Eu tinha algumas frustrações com o trabalho e realmente não me importava com o salário baixo quando chegava o dia do pagamento (que, pensando bem, parecia ridículo pelo esforço envolvido), mas o mais frustrante da ronda de jornais para mim era ter de lidar com caixas de correio mal conservadas em muitas das casas da minha ronda.

Eu cresci na Inglaterra, portanto, se o senhor não sabe, quase todas as caixas de correio lá estão localizadas na porta da frente da casa, em vez de uma caixa de correio no final da entrada da garagem, e caixas de correio que estavam completamente quebradas eram muito comuns. Isso fez com que eu quisesse evitar essas casas de propósito e que o proprietário permanecesse alheio à minha tentativa de entregar sua dose semanal de tabloides.

Por que essas pessoas nunca pensaram em consertar suas caixas de correio?

Eu não esperava que os proprietários de casas ficassem acordados à noite, pensando em maneiras de aperfeiçoar a proficiência de suas caixas de correio, mas me ocorreu que eu não disse a eles que havia algo errado, e nenhum deles realmente as usou. Quando foi a última vez que o senhor colocou algo em sua própria caixa de correio? Agora que trabalho com desenvolvimento da Web, sempre uso essa analogia para explicar o fato de que não usamos os sites que criamos da mesma forma que nossos usuários. Nunca experimentamos as coisas do ponto de vista deles, e os usuários vêm e vão sem que você saiba realmente se eles tiveram uma boa experiência (ou sem que eles lhe digam que tiveram problemas). Em vez disso, eles simplesmente evitam usar o senhor no futuro.

Sabemos como navegar em nossas próprias páginas, sabemos quais recursos temos e onde eles estão localizados e simplesmente não podemos apagar nossa memória para agir como um novo visitante que acessa nosso site pela primeira vez. Então, como garantir que os usuários tenham uma boa experiência com o seu aplicativo e que não o evitem devido a problemas dos quais o senhor nem está ciente? Aqui, mostrarei ao senhor como configurar um produto da popular empresa de ferramentas para desenvolvedores Raygun chamado Pulsee, em apenas alguns minutos, desbloqueie uma grande quantidade de insights práticos que podem ser usados para melhorar seu software e garantir que os usuários tenham uma experiência perfeita com o software.

O que é Real User Monitoring?

Se o senhor nunca ouviu o termo antes, os produtos Real User Monitoring (RUM) medem a experiência que os usuários têm quando visitam seu site. O monitoramento do navegador é outro termo amplamente usado na comunidade de desenvolvimento. Alguns leitores devem estar familiarizados com empresas como a New Relic Browser e a Pingdom, que oferecem ferramentas para medir as experiências dos visitantes do site. No entanto, o produto Pulse da Raygun leva o Real User Monitoring a um nível totalmente novo, combinando esses dados com informações de diagnóstico profundo sobre erros e falhas que ocorrem em uma sessão de usuário. O Pulse é um Monitoramento real do usuário produto criado para desenvolvedores como o senhor.

Muitas equipes que implementam alguma forma de monitoramento sentem-se felizes quando conseguem um painel de dados em tempo real na tela da TV do escritório, mas encontrar e corrigir ativamente os problemas que afetam os usuários torna-se secundário.

Em vez de ver tendências bonitas de dados sem nenhum conhecimento real sobre como corrigir os problemas ou com quem eles aconteceram, o Raygun pode fornecer um nível de informações que pode identificar um problema até o ativo ou a linha de código que é a causa raiz, o que é importante, juntamente com o usuário específico que encontrou o problema (o que é ótimo para seus esforços de suporte!). Vamos dar uma olhada em como tudo isso funciona com mais detalhes.

Insights práticos logo de cara

O bom do Raygun Pulse é que o senhor pode começar a usá-lo com apenas algumas linhas de código. O snippet de Javascript está disponível nas instruções de configuração, logo após o senhor ter ter se registrado em uma conta. Copie e cole esse código junto com sua chave de API no código do aplicativo e pronto.

Assista a este vídeo para obter uma visão geral rápida da configuração do Pulse Real User Monitoring, que não leva tempo algum. Este exemplo usa um blog do WordPress para a demonstração, mas o senhor pode usar o Pulse com qualquer aplicativo da Web, pois é apenas um pequeno trecho de JavaScript que precisa ser incluído. A maioria dos desenvolvedores verá que isso estará pronto e funcionando em poucos minutos, e o senhor provavelmente poderá integrá-lo no intervalo para o café!

Veja como configurar as coisas.

Instalando a biblioteca do cliente:

Usando o Raygun CDN

Adicione esse snippet à sua marcação, antes da tag de fechamento </head>:

<script type="text/javascript">
  !function(a,b,c,d,e,f,g){a.RaygunObject=e,a[e]=a[e]||function(){
  (a[e].o=a[e].o||[]).push(arguments)},f=b.createElement(c),g=b.getElementsByTagName(c)[0],
  f.async=1,f.src=d,g.parentNode.insertBefore(f,g)}(window,document,"script","//cdn.raygun.io/raygun4js/raygun.min.js","rg4js");
</script>

Ou manualmente

Faça o download do roteiro de produção (minificado), o script de desenvolvimento (fonte completa) ou veja aqui para instalação com Bower, NPM ou NuGet.

Adicione as seguintes linhas de código JS logo antes da tag de fechamento do corpo em seu site ou aplicativo.

<script type="text/javascript">
  rg4js('apiKey', 'XXXXXXXXXXXXXX');
  rg4js('enablePulse', true);
  rg4js('enableCrashReporting', false);
</script>

É realmente tão fácil quanto isso!

Depois de enviar dados para o Raygun, o senhor poderá navegar até a guia Live e ver o mapa-múndi se iluminar como uma árvore de Natal.

Veja todos esses usuários, felizes com o dia a dia no seu aplicativo. Embora essa visualização seja muito legal, especialmente para sites de alto tráfego, queremos ver alguns insights sobre a experiência que esses usuários estão tendo ao usar nosso software.

O Pulse registra todas as sessões dos seus usuários e, em seguida, oferece informações de diagnóstico sobre essas sessões e quaisquer problemas que o usuário tenha tido, para que o senhor possa corrigir esses problemas e tornar seu aplicativo melhor, mais rápido, mais forte e mais confiável.

A guia Pulse “Sessions” (Sessões) permite que o senhor analise as páginas que o usuário visitou durante a sessão. Uma sessão começa quando o usuário visita seu aplicativo e termina quando ele sai dele.

Cada página foi gravada à medida que o usuário navega pelo seu aplicativo, com o dispositivo e o sistema operacional claramente visíveis. As páginas são classificadas de acordo com o desempenho, portanto, se, por exemplo, o senhor tivesse uma experiência de checkout de cinco estágios, mas na página quatro desse fluxo o carregamento da página fosse considerado ruim para os usuários de um dispositivo específico, o senhor pode imaginar o impacto que uma simples correção teria sobre um ativo de baixo desempenho. Tenho certeza de que o senhor tem seus próprios casos de uso em que acha que medir essas partes do seu aplicativo pode ser útil.

Ao utilizar uma ferramenta como o Pulse, o efeito em toda a sua organização é duplo. Em primeiro lugar, diminui a probabilidade de os usuários abandonarem o serviço devido a problemas (mais conversões) e, ao mesmo tempo, reduz os custos, pois permite que os desenvolvedores identifiquem os problemas com extrema rapidez.

Quando foi a última vez que o senhor ou um membro da sua equipe perdeu metade de um dia tentando reproduzir um bug ou vasculhando arquivos de log em busca da causa? Tempo é dinheiro e, com o Raygun, esse processo de encontrar a causa raiz dos problemas leva minutos, pois o senhor é alertado sobre os problemas em vez de depender dos usuários para relatá-los, enviando-lhe por e-mail, com raiva, capturas de tela vagas em um arquivo do Word enquanto o senhor tenta diagnosticar um problema. Há uma maneira melhor.

Aqui podemos ver um detalhamento dos tempos de nossa página e o que estava contribuindo para a velocidade de carregamento mais lenta. Essa visualização é uma maneira eficiente de perceber a origem de um carregamento lento de página e quais otimizações de ativos proporcionarão os maiores ganhos de desempenho.

Agora chegamos à melhor parte do Pulse: usuários autenticados…

Monitoramento de usuários reais = as pessoas são importantes

Um dos recursos poderosos que o Pulse oferece é não apenas dizer ao senhor o que, quando e por que algo aconteceu, mas também com quem aconteceu. Seu maior cliente está tendo problemas com seu aplicativo? O senhor saberia disso agora mesmo se ele estivesse? Bem, usando o Usuários do PulseSe o usuário autenticado puder ser identificado, o senhor pode definir isso configurando a biblioteca para transmitir dados para o usuário conectado no momento. Veja como isso funciona:

Adicionar dados do usuário:

rg4js('setUser', {
  identifier: 'users_email_address_or_unique_id@domain.com',
  isAnonymous: false,
  email: 'users_email_address@domain.com',
  firstName: 'Firstname',
  fullName: 'Firstname Lastname'
});

Agora, seus usuários terão perfis de usuário individuais com detalhes sobre o desempenho da sessão e quaisquer erros que tenham encontrado historicamente. O senhor pode entrar em contato com os usuários por e-mail ou canais sociais que tiveram uma experiência ruim ou combinar seus históricos de sessão com solicitações de suporte. De repente, seu fluxo de trabalho se torna muito mais suave e menos estressante!

Insights de pulso

O Pulse Insights é um complemento poderoso para o Raygun Pulse. Identifique automaticamente maneiras de otimizar a velocidade de carregamento das páginas de seu site. O Insights rastreia as páginas do seu site periodicamente, mantendo um olhar atento sobre a integridade, a velocidade e a experiência do usuário.

Se a sua equipe apresentar problemas de desempenho com novas versões (como carregar uma imagem grande ou esquecer de reduzir o JavaScript), o Insights detectará o problema e sugerirá maneiras de corrigi-lo. É como ter um funcionário em tempo integral monitorando constantemente o desempenho do seu site!

Resumo

Seu site carrega lentamente em um navegador específico? Uma determinada página do seu fluxo de checkout está apresentando problemas e causando carrinhos abandonados? Os usuários estão deixando seu site devido a um ativo de carregamento lento? Qual é a comparação entre o tempo de carregamento do celular e do desktop? Esses tipos de perguntas podem ser respondidas com o Real User Monitoring e as melhorias no desempenho do seu site podem aumentar drasticamente as conversões e a experiência do usuário. Apresente ao seu chefe que o senhor corrigiu vários problemas que estavam prejudicando a empresa e estará na fila para receber um aumento de salário.

Muitos leitores podem estar pensando que conhecem seu software, conhecem seus problemas e que, se os usuários não estão reclamando, tudo está bem. No entanto, como cerca de 1% dos usuários relatam ativamente problemas de software, essa complacência em relação ao desempenho do software pode acabar prejudicando o senhor. Eu desafiaria qualquer desenvolvedor a conectar o Raygun e ver quantos problemas o senhor não conhecia.

Oferta especial – Ganhe um mês grátis

O Raygun oferece aos desenvolvedores o poder de criar experiências de software perfeitas e de se tornar uma equipe técnica incrível. Como incentivo para os leitores deste blog, os senhores receberão um mês grátis após o término da avaliação gratuita de 30 dias. São dois meses de Raygun Pulse de graça! Da próxima vez que o senhor tiver uma solicitação de suporte e estiver lutando para encontrar a causa raiz do problema, ter o Raygun na mistura poderia ter lhe poupado muito tempo.

Espero realmente que o senhor experimente o Raygun Pulse para ajudar sua equipe de desenvolvimento de software a melhorar o desempenho do seu site.