Como Rastrear Reprodução de Vídeo para HTML5, YouTube e Vimeo com Eventos de Analytics
Como Rastrear Reprodução de Vídeo para HTML5, YouTube e Vimeo com Eventos de Analytics
TL;DR — Resposta rápida
1 min de leituraRastreie inícios de vídeo, taxas de conclusão e porcentagens de visualização em HTML5, YouTube e Vimeo usando eventos de analytics personalizados -- e depois crie metas de conversão baseadas em limites de engajamento com vídeo.
Entender como os visitantes interagem com o conteúdo de vídeo do seu site fornece insights valiosos sobre o engajamento. Este guia cobre o rastreamento de reprodução em três formatos comuns de vídeo: elementos nativos de vídeo HTML5, players incorporados do YouTube e embeds do Vimeo.
O Que é Rastreado
Para cada formato de vídeo, o objetivo é capturar quatro métricas principais:
- Se o visitante iniciou a reprodução
- A porcentagem do vídeo que foi assistida
- Se o visitante assistiu ao vídeo até o final
- Tempo médio de reprodução em um período, tanto em segundos quanto em porcentagem
Rastreando Vídeo HTML5 Nativo
O elemento HTML5 <video> expõe eventos nativos que tornam o rastreamento simples. Escute os eventos playing, pause e ended para calcular até onde o espectador progrediu no vídeo. Quando o visitante sair da página (no evento beforeunload), envie um evento de analytics personalizado contendo a porcentagem de progresso junto com indicadores de se a reprodução foi iniciada e se foi concluída.
Rastreando Embeds do YouTube
O YouTube fornece uma API de IFrame que dispara callbacks onStateChange. Os estados relevantes são PLAYING, PAUSED e ENDED. Para calcular o progresso, divida a posição atual de reprodução (getCurrentTime()) pela duração total (getDuration()). Envie as métricas resultantes como um evento personalizado quando o usuário navegar para fora ou quando o vídeo terminar.
Rastreando Embeds do Vimeo
O SDK do Vimeo Player oferece uma API mais limpa para esse propósito. O evento timeupdate fornece uma propriedade data.percent diretamente, então não há necessidade de calcular o progresso manualmente. Combine isso com o evento play para rastrear se a reprodução foi iniciada, e dispare seu evento de analytics com as métricas acumuladas.
Configurando Metas de Conversão
Uma vez que os eventos de rastreamento de vídeo estejam fluindo para o seu painel de analytics, você pode criar metas de conversão baseadas neles. Por exemplo, defina uma meta para visitantes que assistiram pelo menos 75% de um vídeo de demonstração do produto. Isso permite visualizar o engajamento médio de reprodução ao longo do tempo e correlacionar o consumo de vídeo com outras ações no site.
Este artigo foi útil?
Diga-nos o que pensa!
Antes de ir...
Artigos relacionados
Rastreando Tempo de Leitura do Blog e Registros de Usuários com Eventos de Analytics Personalizados
Aprenda como medir a leitura genuína do blog combinando rastreamento de rolagem com cálculos de tempo na página, e como rastrear cadastros de usuários de forma confiável a partir do servidor usando eventos de analytics personalizados.
Rastreamento de Profundidade de Rolagem: O Que É e Como Usar para Melhorar seu Conteúdo
A profundidade de rolagem revela se os visitantes realmente leem seu conteúdo ou o abandonam cedo. Aprenda como configurar o rastreamento, interpretar os dados e otimizar o posicionamento do conteúdo.
Como Analisar Paginas de Destino, Paginas de Entrada e Paginas de Saida do Seu Site
Aprenda a usar analytics de nivel de pagina para entender quais paginas atraem visitantes, prendem sua atencao e servem como pontos de saida -- e otimize de acordo.