Create free account
The runbook install

Paste one script. That is the install.

No SDK to learn before you see data, no event schema to design, no tag manager to negotiate. Copy the line, paste it into your site, and the first pageview lands in the dashboard while you are still on the page.

Get your tag freeFull documentationNo card

Same tag. Different box to paste it in.

Pick your stack. The line does not change.

Install console
Where you are pasting it
app/layout.tsxtsx
import Script from 'next/script' export default function RootLayout({ children }) {  return (    <html lang="en">      <body>        {children}        <Script          src="https://core.flow-grid.xyz/flowgrid.js"          data-site="YOUR_WEB_ID"          project-id="YOUR_PROJECT_ID"          strategy="lazyOnload"        />      </body>    </html>  )}

Where Root layout, rendered through next/script so it never blocks the first paint.

On loadPageviewSessionAttributionWeb VitalsNo events to name, no schema to design.
Start to finish

Three steps, about two minutes.

There is no step four. Tracking starts the moment the script loads, and everything else — events you name yourself, identity, flags, server-side calls — is optional and comes later.

  1. 01

    Add your site

    Sign in, add the site you want to track, and Flowgrid prints the tag with your ids already filled in. Nothing to configure.

  2. 02

    Paste the tag

    Drop it in your site’s <head>, or anywhere before the closing </body>. One line, on every page you want measured.

  3. 03

    Load a page

    Open your site. The first pageview shows up in the dashboard within a few seconds, and that is the whole verification step.

Included from the first pageview

Everything here works before you write a single event.

  • Pageviews and sessions, including SPA route changes
  • Referrers, UTMs and ad click ids for attribution
  • Device, browser, and country from the visit itself
  • Scroll depth, time on page and engagement
  • Core Web Vitals for every page
  • Clicks and movement behind the heatmaps
Building with a bundler?

There is a typed SDK too.

Same data, with autocomplete — named events, identity, feature flags, e-commerce and a server runtime for what happens in your backend. Install it, call FlowGrid.init once, and the documentation has the rest.

SDK documentationView on npm
your terminalnpm
npm install flowgrid-sdk
Autonomous agents

You ask what changed. It answers, writes the fix, and opens the pull request, before anyone has to go looking for it.

The tag above covers pageviews, clicks, forms and attribution on its own. Anything specific to your product is a handful of calls in the path that matters, and the agent can draft them for you. It opens a pull request with the change and the tracking; a person reviews and merges it, every time.

How the agents workWrite it yourself

Get your tag and paste it

Free to start, no card, and you can delete the site and its data whenever you like.

Start freeDocumentation