Skip to content

Page Tracking

Measure how long users spend with the page visible.

Implementation

ts
let visibleSince: number | undefined;

lifecycle.on("page:visible", () => {
  visibleSince = Date.now();
});

lifecycle.on("page:hidden", () => {
  if (visibleSince) {
    trackDuration(Date.now() - visibleSince);
    visibleSince = undefined;
  }
});

Playground

Visibility Playground

An ecosystem of independent, headless TypeScript libraries engineered for modern web development. Every package includes interactive playgrounds and documentation that evolves alongside the code.