React

Füge das Lienks-Snippet in die index.html deiner React-App ein.

Before you start

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

Add the snippet

Bei Vite liegt index.html im Projektstamm, bei Create React App unter public/index.html. Füge das Snippet dort in den <head> ein:

<script defer src="https://app.lienks.com/a.js" data-site="YOUR_SITE_ID"></script>

Page views in your app

React Router und ähnliche Router nutzen die History-API, daher werden Seitenwechsel automatisch gezählt. Apps mit einem Hash-Router (HashRouter) erscheinen als eine einzige Seite (siehe Troubleshooting).

Track a custom event

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

<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

• Nutzt du React in einem Framework wie Next.js, lies stattdessen die Seite dazu: Next.js.