BlocksDeveloper and ops

Tracking Setup, Pro

Install an analytics SDK in any framework, with the project key already in the code, and see the first event land the moment it arrives.

The install guide for an analytics or monitoring SDK: the steps for each framework, then the first event as proof it works.

Next.js App

A Next.js app listening for its first event, which lands as a page view from Lisbon a few seconds in.

Pro

Install Hindsight

Pick your framework and follow the steps. Your project key is already in the code.

Put it in your root layout. It sends page views and clicks, and your project key is already in it.

app/layout.tsx
import { Hindsight } from '@hindsight/next'
export default function RootLayout({ children }) {  return (    <html lang="en">      <body>        {children}        <Hindsight projectKey="hs_7Kq2xW9mVbT4" />      </body>    </html>  )}

On this page