Analytics

bold.trackEvent({
  type: 'play',
  videoId: 'video-id',
  currentTime: 0
});

bold.trackEvent({
  type: 'pause',
  videoId: 'video-id',
  currentTime: 45.5
});

bold.trackEvent({
  type: 'complete',
  videoId: 'video-id',
  currentTime: 300
});

bold.trackPageView({
  path: '/videos/intro-to-ml',
  title: 'Introduction to Machine Learning',
  referrer: document.referrer
});

const video = document.querySelector('video');
const videoId = 'video-id';

video.addEventListener('play', () => {
  bold.trackEvent({
    type: 'play',
    videoId,
    currentTime: video.currentTime
  });
});

video.addEventListener('pause', () => {
  bold.trackEvent({
    type: 'pause',
    videoId,
    currentTime: video.currentTime
  });
});

video.addEventListener('ended', () => {
  bold.trackEvent({
    type: 'complete',
    videoId,
    currentTime: video.currentTime
  });
});

// Track initial page load
bold.trackPageView({
  path: window.location.pathname,
  title: document.title
});

// Track route changes (e.g., with React Router)
useEffect(() => {
  bold.trackPageView({
    path: location.pathname,
    title: document.title
  });
}, [location]);