Hashed page paths tracking

Record page views for Single Page Applications (SPAs) that rely on hash-based routing. This feature automatically detects navigation between different sections of your app using URL fragments (the portion after #).

What are hashed page paths?

Hashed page paths are URLs that use fragments to move between different sections or pages within a single HTML document. For example:

  • https://yoursite.com/#home - Home section
  • https://yoursite.com/#about - About section
  • https://yoursite.com/#contact - Contact section

Most web analytics tools miss these navigation events because the browser does not reload the page when the hash changes. Flowsery Analytics solves this by listening for hash changes and logging them as individual page views.

How to enable hashed page paths tracking

Swap your standard Flowsery Analytics tracking script for the hash-enabled version. Place this script in the <head> section of your website:

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

Note: Replace flid_****** with your actual website ID and your_domain.com with your domain.

That is all you need. Flowsery Analytics will now automatically track:

  • Initial page loads
  • Hash changes (e.g., when users click internal links that modify the URL fragment)
  • All regular page navigation

Use cases

This feature is ideal for:

  • Single Page Applications (React, Vue, Angular apps with hash routing)
  • Landing pages with multiple sections accessed through anchor links
  • Documentation sites with hash-based navigation
  • Portfolio websites with hash-based section switching

Your analytics will now display separate entries for each hash-based "page" that visitors view, giving you better visibility into how users navigate your content.