FRAMEWORK INTEGRATION GUIDE

How to Install Analytics on Remix & React Router v7

Fast, cookie-free web analytics for Remix and React Router full-stack applications.

Quick Setup: Remix & React Router v7
By Sufyaan Studio ResearchVerified August 2026

In Remix and React Router v7, include the script tag in app/root.tsx inside the HTML <head>.

KEY TAKEAWAYS
  • 1.15 KB featherlight tracker preserves Remix & React Router v7 speed
  • Zero cookie consent banners required
  • Automatic SPA client route change detection
  • Full support for custom conversion event tracking
PREREQUISITES
  • Remix / React Router app
  • Website UUID
STEP-BY-STEP IMPLEMENTATION

Installation Instructions

1

Add script in app/root.tsx

Embed the script in your root document layout.

REMIX & REACT ROUTER V7 SNIPPET (STEP 1)
// app/root.tsx import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react"; export default function App() { return ( <html lang="en"> <head> <Meta /> <Links /> <script defer src="https://analytics.sufyaanstudio.com/t.js" data-web="YOUR_WEBSITE_ID" /> </head> <body> <Outlet /> <ScrollRestoration /> <Scripts /> </body> </html> ); }
FAQ & VERIFICATION

FAQ: Remix & React Router v7 Analytics Integration

Ready to track Remix & React Router v7 traffic with speed?

Create your account in 30 seconds and start tracking for $0.

analytics