Este documento é para desenvolvedores que querem medir as visualizações de página nos seus aplicativo de página única usando o Google Analytics.
Aplicativos de página única (SPA) são sites que carregam um documento HTML uma vez e buscam conteúdo usando APIs JavaScript.
Exemplo: suponha que você tenha um formulário para adquirir alguns leads. O formulário tem três telas:
- Primeira tela para capturar as informações do cliente.
- Segunda tela em que os clientes indicam interesse em determinados serviços.
- Terceira página da tela para inscrição em webinars relacionados aos interesses do cliente.
A chave para medir corretamente as visualizações de página dos SPAs é contar as visualizações de página dos cada tela com a qual um usuário interage e acerta o referenciador da página. Assim, você pode acompanhar a jornada do usuário.
Antes de começar
Nesta página, presume-se que você já tenha:
Uma conta e propriedade do Google Analytics 4 para seu site. Saiba como Configure o Google Analytics.
Uma tag do Google implementada no seu site que é disparada quando a página é exibida carrega. Saiba como configurar o Google tag.
Implementar a medição de aplicativos de página única
Para implementar uma medição precisa de SPA, use um destes métodos para acionar uma nova visualização de página virtual:
Alterações no histórico do navegador (recomendado): se o seu SPA usa o campo Histórico API, especificamente
pushState()ereplaceState()para atualizar telas, use este é a melhor opção.Eventos personalizados: se o site usa o
DocumentFragmentpara renderizar telas diferentes, use esta opção.