-
Notifications
You must be signed in to change notification settings - Fork 7
Add feedback button, interaction tracking, and heatmaps to docs site #624
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
- Enabled surveys for CSAT feedback collection - Enabled heatmaps for click and scroll tracking - Added detailed setup documentation for both features - Server tested and running successfully Features now active: ✅ Surveys - For CSAT feedback on every page ✅ Heatmaps - For visualizing user interactions ✅ Page tracking - Automatic pageview events ✅ Custom events - Existing event tracking Next steps: 1. Log into PostHog dashboard (https://us.posthog.com) 2. Create CSAT survey following the guide 3. Review heatmaps to understand user behavior 4. Correlate CSAT scores with interaction patterns 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Enable surveys (disable_surveys: false) for CSAT feedback collection - Enable heatmaps (enable_heatmaps: true) for click tracking - Remove debug logging in production The CSAT survey now appears on all documentation pages with a feedback button on the right side. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
Removed temporary setup documentation now that CSAT survey is working 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Enable session recording to understand user behavior on docs - Mask all input fields for privacy protection - Keep text content readable for better UX insights - Add 'ph-no-capture' class support for opting out specific elements - Block third-party iframe recording for security Session recordings will help identify: - Navigation patterns and user journeys - Points where users get stuck or confused - How users interact with code examples and documentation - Common workflows and usage patterns 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
| selected_tools_count: selectedTools.size, | ||
| total_tools_available: tools.length, | ||
| }); | ||
| }; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Analytics reports stale state count after updates
The trackScopeCalculatorUsed function captures selectedTools.size from the closure, but it's called after setSelectedTools in toggleTool, selectAll, and clearAll. Since React state updates are asynchronous, selectedTools still holds the old value when tracking fires, resulting in incorrect selected_tools_count being reported to analytics.
evantahler
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks like this isn't deploying to the preview site due to a type error. Ping me again when it's up and I'll take a look!
| // Enable session recording for user behavior analysis | ||
| disable_session_recording: false, | ||
| session_recording: { | ||
| maskAllInputs: true, // Privacy: mask sensitive input fields |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
maskAllInputs and maskTextContent seem to be in conflict - which one wins?

This update to the docs site will allow us to collect feedback and analyze learning bottlenecks. It's been set up to work on the preview https://docs-git-feedback-arcade-ai.vercel.app/ for testing. When merged, we can switch it on for the docs site.
Configuration Changes:
Event tracking:
Session recording enabled so we can see where any problems occur.



Note
Adds comprehensive PostHog analytics and session insights across the docs UI.
posthog.tsx; adds$pageviewtracking on route changesposthog.captureacross components:get_started_clicked,build_tool_clickedquickstart_card_clicked,sample_app_clicked,integration_card_clicked,tool_card_clickedcode_example_expanded,code_copiedscope_calculator_usedcontact_sales_modal_opened,take_survey_clickedWritten by Cursor Bugbot for commit 7710100. This will update automatically on new commits. Configure here.