Session replay

Veja a sessão que quebrou.

Um funil diz onde as pessoas saem. Uma gravação daquela pessoa exata, presa ao mesmo evento, diz por quê.

Veja primeiro no seu próprio site

Digite um domínio. Abrimos essa página num navegador de verdade, gravamos e devolvemos a gravação aqui mesmo. Sem conta, sem instalar nada.

Uma página, um navegador, uma visita.

A gravação está disponível para qualquer workspace que pedir, e vem incluída no plano gratuito.

Três semanas chutando, ou quatro minutos assistindo.

O funil dá um número, não uma causa

Metade dos carrinhos não chega ao checkout. O dado é verdadeiro, se repete todo mês e não diz nada que você possa consertar. A pergunta seguinte é sempre a mesma: o que essas pessoas estavam olhando?

Aí você sai procurando, em quatro lugares ao mesmo tempo

Analytics para a queda, monitoramento de erros para o stack trace, um ticket de suporte para o relato e um ambiente de teste para reproduzir. Quatro ferramentas, quatro identidades da mesma pessoa e nenhum jeito de alinhar tudo num relógio só.

Ou você clica na queda e assiste acontecer

A gravação, os erros e as chamadas de rede ficam numa linha do tempo só, porque saíram de um pipeline só. Não há o que reproduzir: você está assistindo ao original.

O que você tem no player

Arraste, não espere

Vá para qualquer ponto da linha do tempo. Pule os minutos parados e fique nos dois segundos que interessam.

Os erros ao lado da imagem

Erros não capturados e promises rejeitadas sem tratamento, no mesmo relógio da gravação e deduplicados para que um laço quebrado não inunde a sessão. Você clica em um e cai naquele quadro.

Requisições e códigos de status

Método, endereço, status e duração de cada chamada que a página fez enquanto você assistia. Os endereços são redigidos no navegador.

Mascarado antes de sair

O que as pessoas digitam num campo é substituído no navegador, não do nosso lado. Depois não há o que redigir, porque nada foi anotado.

Uma identidade, não duas

A gravação carrega a mesma pessoa dos seus eventos, pelo mesmo grafo de identidade. Alguém entrar na conta no meio do caminho não cria um segundo desconhecido.

Sessões de aplicativo também

Apps em Expo e React Native gravam como quadros e chegam ao mesmo player, atrás de um opt-in. O mascaramento acontece no aparelho: um quadro que não dá para mascarar é descartado.

A diferença

A gravação não é um segundo conjunto de dados.

Quase toda stack parafusa um gravador no analytics e torce para os dois concordarem sobre quem é um usuário. A Kilden grava dentro do mesmo pipeline por onde os eventos já passam: mesma identidade, mesmo relógio, mesma verificação. Uma queda num funil é uma lista de gravações, porque nunca foi outra coisa.

uma pessoa, quatro leituras
identidade usr_4192 ✓ verified
no seu funil dropped at checkout
no targeting de flags cohort: used_search 7d
em replay 3 sessions · last 17s

Uma ilustração. Os identificadores são inventados; as quatro leituras são os quatro lugares onde aquela pessoa já aparece.

Arraste a linha do tempo. O erro está no segundo dezessete.

fjord.coffee/checkout replay · usr_4192
Pagamento
e-mail
•••@••••••••••••
número do cartão
•••• •••• •••• ••••
cupom de desconto
FJORD10
Aplicar cupom
Total $24.00
Pagar $24.00 Tentar de novo

Não conseguimos processar esse pagamento. Tente de novo.

eventos
exceções
rede
0:17

O mascaramento está ligado: o número do cartão nunca saiu do navegador. Clique numa exceção para pular até ela.

Uma ilustração, não a gravação de ninguém: uma sessão escrita à mão, para que um exemplo num site de marketing não possa expirar nem vazar.

Como funciona

Modelo de gravação

é capturado
A estrutura da página e cada mudança nela sim
Ponteiro, rolagem e eventos de entrada sim
Erros não capturados e rejeições sem tratamento sim
Método, endereço, status e duração de cada requisição sim
Mensagens de log e de aviso do console não
Corpos de requisição e de resposta não
Vídeo ou pixels da tela não
ainda não
O player levar ao perfil da pessoa ainda não
Montar um segmento a partir do player ainda não
Escolher onde seus dados ficam ainda não
O que a amostragem não economiza o download

O gravador é um script à parte, baixado só em projetos com a gravação ligada. O sorteio da amostragem acontece dentro dele, depois do download — então quem fica de fora da amostra já pagou pelo script e não grava nada.

O que está acima da linha é o que replay faz hoje. Se uma capacidade não aparece, assuma que ainda não existe: preferimos que você descubra aqui e não depois de instalar.

Instalação

começando do zero
# npm install kilden
import kilden from 'kilden'

kilden.init('wk_…')

Duas linhas, e nenhuma terceira para replay.

você já usa a kilden

Não há nada a acrescentar. A gravação é uma chave nas configurações do projeto, então nunca precisa de mudança no seu site: ela vale a partir do próximo carregamento de página, não numa aba que já está aberta.

Um segundo script para replay nenhum
Requisitos de framework nenhum
Mudança de código para começar a gravar nenhuma

Ver a referência do SDK

Privacidade por padrão

O mascaramento acontece no navegador, antes de qualquer coisa ser transmitida. O que está abaixo já vem ligado na primeira gravação; afrouxar é uma mudança explícita que você faz.

O que se digita em inputs, textareas e selects mascarado
O texto da página que ninguém digitou preservado
Um visitante que recusou o rastreamento não é gravado
Dois atributos para colocar em qualquer elemento data-kilden-no-capture data-kilden-mask Um tira da gravação o elemento e tudo o que está dentro dele. O outro mantém a forma e esconde o conteúdo.
Excluir as gravações de uma pessoa sob pedido distinct_id
Quanto tempo cada coisa sobrevive

São dois relógios diferentes. A gravação é apagada do armazenamento depois de 30 dias, em todos os planos. Os eventos seguem o seu plano — 180 dias no gratuito, 730 dias no Pro — então o registro sobrevive ao vídeo.

GDPR, LGPD e Ley 21.719

Você é o controlador e nós tratamos os dados conforme as suas instruções, com contrato de operador sob pedido e lista pública de suboperadores. A LGPD brasileira e a Ley 21.719 chilena ficam no mesmo pé do GDPR.

Como a Kilden trata dados pessoais

Quanto custa o replay

grátis pro
Gravações incluídas por mês 5K 10K
Passando disso para de gravar US$ 0,002 cada
A gravação fica guardada 30 dias 30 dias
Assentos ilimitados ilimitados
Base mensal US$ 0 US$ 49

Uma sessão gravada conta uma vez, dure o que durar. No plano gratuito a cota é um teto, não uma fatura: a gravação para até o mês virar. Ver todos os preços

O que as pessoas realmente pesquisam

gravação de sessões deixa meu site mais lento?

O gravador é um script à parte, baixado só em projetos com a gravação ligada e nunca se você desligar. Ele acumula e comprime fora do caminho crítico, e não acrescenta nenhuma requisição bloqueante ao carregamento. Se você medir uma regressão, avise: para nós isso é bug, não um custo aceitável.

session replay está de acordo com a lgpd?

A conformidade depende de como você usa, não de um selo do fornecedor. O que a gente entrega: o que as pessoas digitam num campo já sai mascarado do navegador por padrão, um atributo exclui um elemento e tudo dentro dele, exclusão sob pedido, e uma janela de retenção fixa e publicada. O aviso de privacidade e o fluxo de consentimento continuam sendo seus — vale igual para o GDPR.

dá para ver as gravações de um usuário específico?

Dá. As gravações carregam a mesma pessoa dos eventos, então o perfil lista as sessões dela ao lado do histórico. Em usuários logados essa identidade vai verificada por um token que o seu backend assina.

quanto custa gravar sessões de usuários?

Vem incluído no plano gratuito com uma cota mensal, e com uma maior no Pro mais uma tarifa por gravação depois disso. No gratuito a cota é um teto rígido, não uma fatura. Assentos são de graça em todos os planos.

funciona com react, vue ou uma spa?

Funciona: o gravador observa a página, então tanto faz quem renderiza. Não há pacote específico por framework para instalar nem integração de rota para configurar.

dá para gravar sessões de aplicativo?

Dá, em Expo e React Native: essas gravam como quadros e chegam ao mesmo player, atrás de um opt-in. SDKs nativos de iOS e Android ainda não existem. A web no navegador do celular grava como qualquer outra página.

Grave a sua primeira sessão antes de decidir qualquer coisa.
Comece pelo seu próprio site, sem conta. Em visitantes reais, a instalação são duas linhas.
Começar grátis Ler a documentação Gravar meu site