A seção Gravações do Hotjar é composta por três páginas principais, cada uma com seu próprio artigo de guia. Também temos uma página de perguntas frequentes sobre solução de problemas de gravações listada abaixo.
- Player de gravações: Você está aqui. É aqui que a mágica acontece e você pode ver como os usuários interagem com seu site.
- Configuração de gravações: É aqui que você inicia ou configura a captura de gravações.
- Lista de reprodução de gravações: É aqui que você encontra e acessa as gravações de seus usuários.
- Perguntas frequentes sobre solução de problemas de gravações: Está tendo algum problema com as gravações? Veja aqui!
Explorando o Player de Gravações
Quando você abre uma gravação, verá o visualizador de reprodução da gravação. Para ajudar a explicar as ferramentas/recursos disponíveis no Player de Gravações, dividimos em sete seções principais abaixo:
Continue rolando para aprender mais sobre cada seção, ou clique no link abaixo para ir direto à seção que lhe interessa!
- Visualizador de reprodução
- Barra de ferramentas de reprodução
- Barra de URL
- Menu superior
- Aba de informações da sessão
- Aba de ações
- Mini-Lista
1. Visualizador de reprodução
Quando você abre uma gravação a partir do seu painel de gravações, a sessão começará a ser reproduzida no visualizador de reprodução. O visualizador permite que você veja as experiências do usuário enquanto interage com seu site.
Ações como carregar uma nova página, cliques, rolagem, alteração de um campo, alterações no tamanho da tela e movimentos do cursor serão destacados na gravação. Você também verá uma linha do tempo na parte inferior da janela de visualização para ajudá-lo a navegar pela sessão.
Se você notar que suas gravações parecem distorcidas ou estão faltando imagens, pode significar que o Hotjar está tendo dificuldade em localizar CSS ou imagens para exibir o site corretamente. No entanto, quando isso ocorre, seu usuário não será afetado - isso só impacta a reprodução da gravação dentro do Hotjar.
Linha do tempo de eventos
Na parte inferior da janela de reprodução, uma longa barra horizontal mostrará o progresso da reprodução da sessão, bem como alguns eventos específicos que ocorreram durante a sessão. Abaixo estão alguns dos possíveis eventos que você pode ver na linha do tempo:
-
- Visitou Nova Página
- Abriu Nova Aba (ou janela do navegador)
- Clique do Mouse
- Digitando/Alterou Valor do Campo
- Redimensionou Janela
- Evento acionado
- Evento de gravação aplicado
- Clique de Raiva
- Retorno
- Respondeu Pesquisa
- Resposta de feedback
Inseguro sobre qual evento você está vendo na sua linha do tempo de eventos?
Os eventos aparecem como pequenos ícones. Se você não tem certeza do que um ícone se refere, pode passar o cursor sobre ele para ver o nome do evento ou clicar no botão de informações na barra de ferramentas de reprodução.
Quando pausado na linha do tempo de Eventos, dois ícones aparecem que permitem que você compartilhe uma gravação a partir do exato momento em que está pausado com o ícone de seta, ou salve um clipe da gravação como um Destaque.
2. Barra de ferramentas de reprodução
A barra de ferramentas de reprodução dá a você controle sobre a gravação da sessão que você está assistindo e é composta pelos componentes listados em ordem da esquerda para a direita abaixo.
- Compartilhar/Destaque - aparecerá acima do botão de reprodução quando você pausar sua Gravação. Compartilhar permite que você compartilhe a Gravação. Destaque permite que você crie um Destaque (descrito abaixo). Você também pode criar uma questão Jira diretamente de sua gravação com nossa Integração Jira.
- Reproduzir/Pausar - este botão permite que você pare ou inicie a reprodução a qualquer momento.
- Retroceder/Avançar - estes botões aparecem em cada lado do botão Reproduzir/Pausar. Eles permitem que você vá para trás ou para frente por 10 segundos na reprodução.
- Tempo de reprodução - mostra o tempo de reprodução em relação ao comprimento total da sessão do usuário.
- Velocidade de reprodução - para acelerar o processo de visualização, você pode escolher entre as seguintes configurações de velocidade: 0.5x, 1x, 2x, 4x.
- Pular Inatividade - pule as partes da sessão onde o usuário estava inativo. Este botão só aparecerá durante uma parte inativa da sessão do usuário.
- Adicionar Destaque/Comentário/Reação - isso permite que você crie um Destaque que pode ser visto e compartilhado com seus colegas para focar em momentos significativos na sessão. Um Destaque pode incluir uma das seguintes reações incorporadas: Bug, Problema de UI-UX, Confusão, Frustração, Sucesso ou Conversão. O Destaque salvo inclui uma seção para comentários sobre suas descobertas que são visíveis para outros membros da equipe.
- Abrir console - mostra o console de gravação acima da linha do tempo de reprodução. O console permite que você veja erros de console JavaScript ocorrendo no navegador do usuário durante a reprodução da gravação atual. Você também pode compartilhar um erro de console específico diretamente para o seu Jira como uma questão com nossa Integração Jira.
-
Abrir Configurações - aparece como um ícone de engrenagem cinza. Clique nisso para ver as seguintes opções de configuração:
- Reprodução automática - Reproduzir automaticamente a próxima gravação após o término de uma.
- Início rápido - Comece a reprodução na primeira ação que corresponde aos seus filtros.
- Mute cliques - Silencie o som dos cliques do mouse durante a reprodução.
- Veja todos os atalhos de teclado para usar durante a reprodução da sessão.
Afaste e aproxime a linha do tempo de reprodução para identificar padrões
Para determinar se você está assistindo a um problema isolado ou se encontrou uma oportunidade ou problema mais amplo, afaste-se da linha do tempo de reprodução para tendências (requer o plano Observe Scale), gravações, ou um mapa de calor da mesma ocorrência.
Ao assistir a uma gravação individual, você pode dar zoom out nos seguintes indicadores de linha do tempo:
- Retornos - Veja uma tendência ou outras gravações de retornos ocorrendo na URL atual (requer o plano Observe Business).
- Cliques de raiva - Veja uma tendência ou outras gravações de cliques de raiva ocorrendo no mesmo seletor CSS específico na URL atual (requer o plano Observe Business).
- Eventos personalizados - Veja uma tendência ou outras gravações de um evento personalizado.
- Erros de console - Veja uma tendência ou outras gravações do mesmo erro de console ocorrendo (requer o plano Observe Scale).
- Cliques - Veja um mapa de calor, tendência ou outras gravações de cliques ocorrendo em uma página. Um mapa de calor mostrará todos os cliques, enquanto uma tendência ou gravações serão filtradas pelo elemento clicado (requer o plano Observe Business).
- Páginas visualizadas - Veja uma tendência ou outras gravações de uma página que foi visualizada.
- Resposta de feedback - Veja a resposta diretamente no Player de Gravações.
3. Barra de URL
A barra de URL mostra o endereço da página que o seu usuário estava visitando quando a sessão dele estava sendo gravada. Se o usuário visitou várias páginas durante a sessão, você verá a URL mudar conforme eles navegam pelo seu site. À esquerda e fora do campo de URL, você pode clicar no ícone Voltar para retornar à página de Gravações. Você também tem alguns outros ícones dentro do campo de URL:
- Contagem de abas: Se um usuário visitou várias páginas do seu site, usando uma nova aba ou janela do navegador, você verá as diferentes abas refletidas aqui. Por exemplo, 1/4 significa que a reprodução mostra a primeira aba/janela aberta durante a sessão, mas 4 abas/janelas foram abertas antes do fim da sessão.
- Copiar URL: A URL pode ser copiada para a área de transferência passando o mouse sobre a URL e clicando no ícone de cópia, dois quadrados sobrepostos.
- Abrir URL em uma nova aba: Isso permite que você visite rapidamente a página ao vivo em uma nova aba passando o mouse sobre a URL e clicando no ícone de nova aba, um quadrado com uma seta.
- Ver Mapa de Calor: Visite um Mapa de Calor desta página clicando no ícone de chama.
4. Menu Superior
O Menu Superior dá acesso a outras ferramentas dentro da própria Gravação. Isso inclui:
- Voltar: Clique no ícone com a seta apontando para a esquerda para voltar à sua página de lista de gravações.
- Fechar lista - permite que você abra e feche a Mini-lista
- Anterior (shift + p)/Próxima gravação (shift + n)- esses dois botões permitem que você vá para a gravação anterior em sua lista de gravações, ou pule para a próxima gravação.
- Excluir (d) (ícone de lixeira): Clique para excluir a gravação que você está visualizando atualmente.
- Avaliar (ícone de polegar para cima/baixo): Você verá um pop-up modal com a pergunta "Esta gravação vale a pena assistir?" Responda Sim ou Não para nos ajudar a entender quais gravações são mais interessantes. Nosso objetivo é desenvolver um recurso para ajudá-lo a direcionar as gravações mais úteis, para que você possa gastar menos tempo assistindo gravações que não são úteis.
- Compartilhar: Este botão permite que você gere um link para a gravação que pessoas fora da sua conta Hotjar podem visualizar sem ter acesso ao Hotjar. Saiba mais sobre compartilhamento de dados do Hotjar
- Mostrar/ocultar barra lateral (h) - o ícone "i" em um círculo no final do menu superior permite que você mostre ou oculte a Barra Lateral contendo as abas Informações e Ações.
Por que eu deveria avaliar as gravações?
Muitos de nossos clientes não têm tempo para assistir todas as suas sessões gravadas. Avaliar uma gravação informa ao Hotjar se uma gravação é útil. O Hotjar está desenvolvendo um algoritmo de pontuação de relevância que classifica as gravações com base em indicadores-chave de relevância dos dados de gravação que coletamos. Em resumo, quanto mais gravações você avaliar, mais preciso será o seu score de relevância no futuro!
5. Aba de Informações
Se isso não aparecer no seu Player de Gravações, clique no "i" no canto superior direito da sua tela. Isso abrirá a aba.
A aba Informações da Sessão dá acesso às seguintes informações da sessão:
-
Ações de Gravação - isso fornece um breve resumo de todas as ações realizadas durante a Gravação. As ações incluem:
- Cliques
- Cliques de Raiva
- Pesquisas
- Erros
- Entrada de texto
- Retornos
- Feedback
- Eventos
- ID de Usuário Hotjar - atribuído automaticamente aos usuários pelo Hotjar.
- País - o país associado à sessão do usuário.
- Data - a data e hora em que a sessão do usuário foi capturada.
- Dispositivo - o tipo de dispositivo (telefone, tablet, desktop) e resolução de tela.
- Navegador - tipo de navegador (Chrome, Firefox, Safari, etc.).
- Sistema operacional - (Mac OS, Windows, Android, Linux, etc.).
- URL de referência - a página em que o usuário estava antes de iniciar a sessão (se disponível).
- Erros de console (apenas para Planos Observe Scale) - o número de erros de console que ocorreram na gravação atual.
- Atributos do Usuário (apenas para Planos Observe Business e Observe Scale) - exibe os Atributos do Usuário mais recentes capturados para a sessão do usuário no ponto em que a Gravação terminou. Os atributos podem ser associados ao mesmo usuário no futuro, mas isso não alterará retroativamente os atributos mostrados na gravação.
6. Aba de Ações
Se isso não aparecer no seu Player de Gravações, clique no "i" no canto superior direito da sua tela. Isso abrirá a aba.
Todas as ações que ocorreram durante uma sessão gravada podem ser encontradas nesta lista. Você pode clicar em uma ação específica na lista de Ações, e o Hotjar irá pular para aquela seção no seu Player de Gravação.
No topo, em "Todas as ações", você pode selecionar se gostaria de ver certas ações exibidas selecionando-as no menu suspenso.
7. Mini-Lista
Esta seção exibirá uma lista de Gravações que correspondem aos seus filtros de Gravações para que você possa ver quais gravações serão reproduzidas a seguir após a conclusão da reprodução da sessão atual. A Mini-Lista pode ser expandida ou minimizada dentro da janela de reprodução.