Documentation for automated readers
A curated documentation index is available at: https://grafana.com/llms.txt
A complete documentation index is available at: https://grafana.com/llms-full.txt
These indexes can help with page discovery before fetching individual documents.
This page is also available in Markdown, which may be easier for automated readers and AI tools to parse than HTML. The Markdown version is available at https://grafana.com/docs/grafana-cloud/monitor-applications/frontend-observability/instrument.md, or by sending Accept: text/markdown to https://grafana.com/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/. For broader documentation discovery, the curated index is available at https://grafana.com/llms.txt and the complete index is available at https://grafana.com/llms-full.txt.
Instrument Frontend Observability
Add tracking capabilities to your application to monitor user behavior, performance, errors, and custom events.
Before you begin
Complete the Get started guide to instrument your application with the Faro Web SDK.
Instrumentation topics
Track user behavior
- Page tracking - Monitor page views and navigation
- View tracking - Track single-page application view changes
- Navigation instrumentation - Capture navigation events
- Session tracking - Monitor user sessions
- User actions - Track user interactions and events
Monitor performance
- Performance instrumentation - Capture performance metrics
- Web vitals - Track Core Web Vitals and user experience metrics
- Tracing instrumentation - Add distributed tracing
Capture errors and logs
- Error tracking - Monitor application errors and exceptions
- Console instrumentation - Capture console messages
Custom telemetry
- Custom signals - Send custom events, logs, and measurements
Framework-specific guides
- Faro Web SDK - Core instrumentation for JavaScript applications
- Faro React - React-specific instrumentation and integrations
- OpenTelemetry JS - Integrate with OpenTelemetry
Upgrade guides
- Upgrade SDK - Migrate to newer SDK versions
Next steps
After instrumenting your application:
- Configure instrumentation to customize data collection
- Visualize and explore data to analyze performance and behavior
- Create alerts to get notified about issues
Was this page helpful?
Related resources from Grafana Labs


