Learn how to track your first visit & event using Next.js.
Before proceeding, ensure you:
Have installed Next
Get started here
Get your workspace ID
Sign up on Litlyx Dashboard and create a new workspace.
Choose your package manager & install the library.
Now import litlyx in your entry-point
file. Normally in Next, you can add this in layout.tsx
.
use client
over the importsNext, initialize Litlyx library with your workspace in your entry-point file as follow:
This line of code will immediately start collecting web analytics such as: Page Visits
, Real-Time Users
, Referrers
, Bounce Rate
, Countries
, Unique Visitor Sessions
, OS
& Devices
.
To customize your experience, add the following line in each function you desire. There is no limit to the number of events.
If you want to exercise more control over your events, you can use the metadata
field.
In practice, let’s try to trigger an event:
In your dashboard, you can group them in the Events
tab with the Event Metadata Analyzer
.
Learn how to track your first visit & event using Next.js.
Before proceeding, ensure you:
Have installed Next
Get started here
Get your workspace ID
Sign up on Litlyx Dashboard and create a new workspace.
Choose your package manager & install the library.
Now import litlyx in your entry-point
file. Normally in Next, you can add this in layout.tsx
.
use client
over the importsNext, initialize Litlyx library with your workspace in your entry-point file as follow:
This line of code will immediately start collecting web analytics such as: Page Visits
, Real-Time Users
, Referrers
, Bounce Rate
, Countries
, Unique Visitor Sessions
, OS
& Devices
.
To customize your experience, add the following line in each function you desire. There is no limit to the number of events.
If you want to exercise more control over your events, you can use the metadata
field.
In practice, let’s try to trigger an event:
In your dashboard, you can group them in the Events
tab with the Event Metadata Analyzer
.