🔍 Klar Analytics Demo

This page demonstrates the Klar tracking script with custom events.
Open your browser's Developer Tools → Network tab to see tracking requests.

Custom Event Tracking

Click buttons to trigger custom events:

Complex Event Data

Track events with custom data:

SPA Navigation (Simulated)

Test single-page app navigation tracking:

Current path: /

Manual Pageview

Manually trigger a pageview:

Code Examples

Basic Event

klar.track('button_click', { button: 'signup' });

Complex Event

klar.track('purchase', {
  product: 'pro-plan',
  amount: 29.99,
  currency: 'USD'
});

Manual Pageview

klar.page('/custom-path');