Next.js

Lade das Lienks-Script einmal in deinem Root-Layout.

Before you start

Lege zuerst deine Site an und kopiere die Site-ID (siehe Quick start).

Add the snippet

Füge next/script in dein Root-Layout ein, app/layout.tsx (App Router):

import Script from 'next/script';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://app.lienks.com/a.js"
          data-site="YOUR_SITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

Beim Pages Router kommt dasselbe <Script> in pages/_app.tsx.

Page views in your app

Next.js wechselt Seiten über die History-API, und Lienks zählt diese Wechsel automatisch. Du musst nicht in den Router eingreifen. Seitenwechsel, die die aktuelle URL ersetzen (replaceState), werden nicht gezählt.

Track a custom event

Rufe window.lienks?.event('signup_clicked') auf, wo immer etwas gezählt werden soll. Mehr unter Custom events.

'use client';

export function SignupButton() {
  return <button onClick={() => window.lienks?.event('signup_clicked')}>Sign up</button>;
}

In TypeScript-Projekten deklarierst du window.lienks, wie unter Custom events beschrieben.

Check that it works

Öffne deine Seite. Der erste Pageview erscheint im Dashboard. Kommt nichts an, schau unter Troubleshooting.

Good to know

• Die Site-ID ist kein Geheimnis, sie steht im öffentlichen HTML. Eine Umgebungsvariable wie NEXT_PUBLIC_… ist optional, aber nicht nötig.