Add Antlytics to Remix

Prerequisites

An Antlytics account (sign up free)
Your tracking ID from Settings → Tracking Snippet in your Antlytics dashboard

Install the snippet

Add the hosted tracker script to app/root.tsx so it runs on every page.

// app/root.tsx
import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";

export default function App() {
  return (
    <html lang="en">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <Meta />
        <Links />
        <script
          defer
          src="https://www.antlytics.com/tracker.js"
          data-tracking-id="YOUR-SITE-ID"
          data-api-host="https://www.antlytics.com"
        />
      </head>
      <body>
        <Outlet />
        <ScrollRestoration />
        <Scripts />
      </body>
    </html>
  );
}

Note: Replace YOUR-SITE-ID with the tracking ID from your Antlytics dashboard.

The hosted tracker patches History API navigations and listens for popstate, so Remix client-side routing is captured without extra setup.

Verify installation

Visit your site in a browser.
Open your Antlytics dashboard → Overview.
Your visit should appear within a few seconds.

If data does not appear after a few minutes, check the troubleshooting guide.

Optional: First-party proxy

To avoid ad blockers, set up a first-party proxy on your own domain.

Need help?

Email support@antlytics.com with your site ID and page URL.

Something missing? Get in touch and we will update these docs.