Start for $5/mo

Installation

Framework-specific setup for Next.js, Astro, SvelteKit, and plain HTML.

The tracker is one script tag. Where to put it depends on your framework.

Plain HTML

<script defer src="https://cdn.launchpulse.dev/lp.js" data-key="YOUR_KEY"></script>

Put it in the <head> of every page you want tracked.

Next.js (App Router)

Add it to your root layout:

// app/layout.jsx
import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script src="https://cdn.launchpulse.dev/lp.js" data-key="YOUR_KEY" strategy="afterInteractive" />
      </body>
    </html>
  );
}

Astro

<!-- src/layouts/Base.astro -->
<script is:inline defer src="https://cdn.launchpulse.dev/lp.js" data-key="YOUR_KEY"></script>

SvelteKit

Add the script to src/app.html before </head>.

Verifying

Open your site, then check Live Activity in the dashboard — your own visit should appear within seconds. If it doesn’t:

Check the browser console for a blocked request (ad blockers block unknown domains in dev sometimes).
Confirm the data-key matches your project key exactly.
Localhost visits are tracked by default; you can exclude them in Settings → Filters.

NextEvents & activation