SPA page tracking

<script>
  fidero.load()
  fidero.init("YOUR_PROJECT_ID")
  fidero.page() // Captures first page view automatically
</script>

import { useEffect } from "react"
import { useLocation } from "react-router-dom"

function App() {
  const location = useLocation()

  useEffect(() => {
    // Track page view on every route change
    fidero.page()
  }, [location]) // Runs when location changes

  return <YourApp />
}

// pages/_app.js
import { useRouter } from "next/router"
import { useEffect } from "react"

function MyApp({ Component, pageProps }) {
  const router = useRouter()

  useEffect(() => {
    // Track page view when route changes
    const handleRouteChange = () => fidero.page()
    router.events.on("routeChangeComplete", handleRouteChange)

    // Cleanup listener on unmount
    return () => router.events.off("routeChangeComplete", handleRouteChange)
  }, [router.events])

  return <Component {...pageProps} />
}

// In your router setup
router.afterEach(() => {
  // Track page view after each navigation
  fidero.page()
})