Remix

Use the root document so the tracker is included on every route.

Copy the complete snippet from Settings -> Tracking. The examples below focus on framework placement. Keep generated attributes such as data-domain in the installed snippet. See Tracker configuration for every option and Subdomain tracking when the same visitor moves between subdomains.

Add the script

Open app/root.tsx and place the snippet before Remix's Scripts component.

import { Links, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react';

export default function App() {
  return (
    <html lang="en">
      <head>
        <Meta />
        <Links />
      </head>
      <body>
        <Outlet />
        <ScrollRestoration />
        <script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID" />
        <Scripts />
      </body>
    </html>
  );
}

Replace the website ID. Copy it from Talivia Settings -> Tracking.

Open a route and verify that Talivia receives a session.