ActionLab Analytics for Remix

Add privacy-first, AI-powered analytics to your Remix site in under 60 seconds. No cookies, no consent banners, no complex setup.

Installation Code

Remix
// app/root.tsx
export default function App() {
  return (
    <html>
      <head><Meta /><Links /></head>
      <body>
        <Outlet />
        <script
          src="https://cdn.actionlabanalytics.com/actionlab.js"
          data-site="YOUR_SITE_ID"
          defer
        />
        <Scripts />
      </body>
    </html>
  );
}

Step-by-Step Setup

  1. 1

    Open your app/root.tsx file.

  2. 2

    Add the ActionLab script tag in the <body> before <Scripts />.

  3. 3

    Replace YOUR_SITE_ID with your actual site ID.

  4. 4

    Remix client-side navigation is tracked automatically.

Why Use ActionLab with Remix

  • Works with Remix nested routes
  • Automatic client-side navigation tracking
  • No Remix-specific packages needed
  • Works with both Vite and classic Remix compiler

Frequently Asked Questions

Does ActionLab work with Remix loaders?

ActionLab runs on the client side and tracks page visits. It works alongside Remix loaders and actions without any conflicts.