Suporte/Recursos avançados
Recursos avançados

Rastreamento de caminhos de página com hash

Registe visualizações de página para Single Page Applications (SPAs) que utilizam roteamento baseado em hash. Esta funcionalidade deteta automaticamente a navegação entre diferentes secções da sua aplicação usando fragmentos de URL (a parte após #).

O que são caminhos de página com hash?

Caminhos de página com hash são URLs que utilizam fragmentos para navegar entre diferentes secções ou páginas dentro de um único documento HTML. Por exemplo:

  • https://yoursite.com/#home - Secção Home
  • https://yoursite.com/#about - Secção About
  • https://yoursite.com/#contact - Secção Contact

A maioria das ferramentas de web analytics não deteta estes eventos de navegação porque o navegador não recarrega a página quando o hash muda. O Flowsery Analytics resolve isto ao escutar mudanças de hash e registá-las como visualizações de página individuais.

Como ativar o rastreamento de caminhos com hash

Substitua o seu script de rastreamento padrão do Flowsery Analytics pela versão com hash. Coloque este script na secção <head> do seu website:

HTML
<script defer data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js"></script>
<!--  this is the only difference from the regular script -->

Nota: Substitua flid_****** pelo seu website ID real.

É tudo o que precisa. O Flowsery Analytics irá agora rastrear automaticamente:

  • Carregamentos iniciais de página
  • Mudanças de hash (ex.: quando utilizadores clicam em links internos que modificam o fragmento do URL)
  • Toda a navegação regular de páginas

Casos de uso

Esta funcionalidade é ideal para:

  • Single Page Applications (aplicações React, Vue, Angular com roteamento hash)
  • Landing pages com múltiplas secções acessíveis através de links âncora
  • Sites de documentação com navegação baseada em hash
  • Websites de portfólio com mudança de secção baseada em hash

Os seus analytics mostrarão agora entradas separadas para cada "página" baseada em hash que os visitantes visualizam, dando-lhe melhor visibilidade sobre como os utilizadores navegam pelo seu conteúdo.