Back to Integrations

Remix Integration

Add the Pulse script to your app/root.tsx so it's included on every route.


Add script to app/root.tsx

The root route is the top-level layout in Remix. Add the Pulse script inside the <head> section.

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
          data-domain="your-site.com"
          src="https://pulse.ciphera.net/script.js"
        />
      </head>
      <body>
        <Outlet />
        <ScrollRestoration />
        <Scripts />
      </body>
    </html>
  )
}

For more details, see the Remix root docs.

Related Integrations: React, Next.js