Cookie-Free Analytics for Remix
Remix apps use server-side rendering by default, which means analytics must handle both initial page loads and client-side navigations. GhostlyX manages both automatically.
Installation guide
Add the script to app/root.tsx
Open app/root.tsx and add the GhostlyX script inside the <head> element returned by the Links function or directly in the component head.
// app/root.tsx
export default function App() {
return (
<html lang="en">
<head>
<Meta />
<Links />
<script
defer
src="https://cdn.ghostlyx.com/gx.js"
data-site-id="YOUR_SITE_ID"
/>
</head>
<body>
<Outlet />
<Scripts />
</body>
</html>
)
}Verify client navigations are tracked
GhostlyX automatically detects Remix client-side navigations. No additional configuration is needed. Click between routes and confirm each page appears in the dashboard.
Why Remix users choose GhostlyX
Remix is increasingly used for high-performance web applications that need server-side rendering with progressive enhancement. Teams building on Remix often have an eye on performance metrics, making GhostlyX's lightweight footprint a natural fit.
Cookie-free tracking
No consent banner required under GDPR or PECR
Under 1.5 kB script
Negligible impact on page speed and Core Web Vitals
Real-time dashboard
See visitors as they arrive, updated every few seconds
Free plan available
Start tracking without a credit card
Replacing Google Analytics on Remix?
See how GhostlyX compares feature by feature, including script size, GDPR compliance, and pricing.
Related integrations
Ready to add GhostlyX to Remix?
Free plan available. Setup takes 5 minutes. No cookie consent banner required.
Get started free