Advanced session replay and analytics for modern web applications.
- @sajko/tracker - Core tracking library
- @sajko/react - React hooks and components
- @sajko/nextjs - Next.js integration
- @sajko/vue - Vue.js plugin
- @sajko/cli - Command-line tools
# Core package
npm install @sajko/tracker
# Framework-specific packages
npm install @sajko/react # For React
npm install @sajko/nextjs # For Next.js
npm install @sajko/vue # For Vue.jsimport { init } from '@sajko/tracker';
const sajko = await init({
websiteId: 'your-website-id',
apiEndpoint: 'https://api.sajko.sk', // Optional
hasUserConsent: true
});
// Track custom events
sajko.track('button_click', { button: 'cta' });import { SajkoProvider, useTracker } from '@sajko/react';
function App() {
return (
<SajkoProvider config={{ websiteId: 'your-website-id' }}>
<YourApp />
</SajkoProvider>
);
}
function Component() {
const { sajko, loading } = useTracker();
const handleClick = () => {
sajko?.track('button_click', { button: 'cta' });
};
return <button onClick={handleClick}>Track Event</button>;
}// app/layout.tsx
import { SajkoScript } from '@sajko/nextjs';
export default function RootLayout({ children }) {
return (
<html>
<head>
<SajkoScript config={{ websiteId: 'your-website-id' }} />
</head>
<body>{children}</body>
</html>
);
}- 📹 Session Replay - Record and replay user sessions
- 🔥 Heatmaps - Visualize user interactions
- 📊 Analytics - Track user behavior and conversions
- 🚀 Performance - Optimized with WASM compression
- 🔒 Privacy-First - GDPR compliant with PII masking
- 🎯 Flow Tracking - Monitor user journeys
- 💾 Offline Support - Queue events when offline
- 🎨 Framework Support - React, Next.js, Vue.js, and more
# Install dependencies
npm install
# Build all packages
npm run build
# Run tests
npm run test
# Start development mode
npm run devCheck out the examples directory for complete implementations:
Visit docs.sajko.sk for full documentation.
MIT © SAJKO Team