User Flows
Category Page Flow
Step-by-step user journey on a category page.
Category Page Flow
URL: /{category-slug} (e.g. /jobs)
Entry: app/[slug]/page.js → CategoryPageClient
User journey
What the user sees after unlock
- Header — tenant branding
- Sections — job-style cards with title, salary, location
- Row links — navigation to related articles/categories
- Display ads — banners between content
- Skyscraper ads — vertical side ads (desktop)
- Sticky ad — bottom/top sticky banner
- Taboola widgets — recommended content (if configured)
Slug-specific CTAs
| Slug | Placement | Behavior |
|---|---|---|
jobs-in-usa-54633 | Under category subheading | Animated "Let's Find Your Perfect Job" button → https://www.google.com |
Entry: components/pages/JobFindCta.js
Query parameter flows
| Parameter | Effect |
|---|---|
?unlocked=1 | Skip theme, show content directly |
?startKv2=1 | Trigger KV2 rewarded popup |
?guideNoAd=1 | Guide no-ad carryover to article page |
KV2 fallback (second chance)
If the primary rewarded ad (KV1) does not fill after the user clicks the CTA:
Pixel events on category page
| Event | When | Delay |
|---|---|---|
| Category page load | Page mount | 3 seconds |
| Category page view | Theme closes | Immediate |
| Button click | guideNoAd=1 flow | 1 second |
| Rewarded conversion | Ad completed | On reward |