TraceSour SDK demo
A multi-scenario sandbox showing how TraceSour tracks real user behavior across different website types. Every interaction fires structured events visible in the debug panel (enable it with the toggle in the bottom-left corner).
Demo scenarios
Each scenario is a standalone website simulation with its own event taxonomy. Use the debug SDK toggle (bottom-left) to see a live event stream as you navigate.
E-commerce
Product listings, detail pages, add-to-cart, a 5-step checkout funnel, and order confirmation. Covers the full buyer journey with rich product metadata on every event.
Real estate / rentals
Property listings, detail views, photo gallery and virtual tour engagement, save-listing, and a contact/inquiry form submission flow.
Marketing campaign
UTM-aware landing page with hero CTAs, feature cards, and tiered pricing.
Add ?utm_source=twitter&utm_medium=social to see UTM event firing.
Authenticated users
Fake login page with visible credentials. On submit, calls identify(userId) so all
subsequent events carry a user ID. Watch the debug panel session info update.
SaaS pricing page
Plan selection tracking with CTA variants, SPA route simulation via history.pushState,
and outbound link tracking.
SPA auto-pageview lab
A single-page routing sandbox that patches history.pushState/replaceState
and emits automatic page:view events for virtual navigations.
Content / blog
Long-form article page with scroll-depth milestones (25%, 50%, 75%, 100%) fired as
content:scroll_depth events on the way down.
SDK toggle
Use the toggle button in the bottom-left corner to switch between the production build
(index.js, minified, no debug UI) and the debug build (index.debug.js, readable
source, includes the debug panel automatically). The preference is persisted in localStorage
and survives page navigation.
- Prod — blue dot, no debug panel
- Debug — amber dot (pulsing), SDK injects the panel automatically
Event taxonomy
| Category | Example actions | Scenario |
|---|---|---|
page |
view, exit, scroll |
All pages |
ecommerce |
product_view, add_to_cart, checkout_step, purchase, order_confirmed |
Shop |
realty |
property_view, save_listing, virtual_tour_open, inquiry_submit |
Realty |
campaign |
utm_landing, cta_click, plan_selected, feature_learn_more |
Campaign |
auth |
login_submit, login_success, signup_submit |
Login, Signup |
content |
scroll_depth |
Blog |
billing |
plan_selected |
Pricing |
navigation |
outbound_click |
All pages |