---
title: "Instrument Frontend Observability | Grafana Cloud documentation"
description: "Instrument different types of user behavior and performance tracking"
---

> For a curated documentation index, see [llms.txt](/llms.txt). For the complete documentation index, see [llms-full.txt](/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](/docs/grafana-cloud/monitor-applications/frontend-observability/get-started/) guide to instrument your application with the Faro Web SDK.

## Instrumentation topics

### Track user behavior

- [Page tracking](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/page-tracking/) - Monitor page views and navigation
- [View tracking](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/view-tracking/) - Track single-page application view changes
- [Navigation instrumentation](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/navigation-instrumentation/) - Capture navigation events
- [Session tracking](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/session-tracking/) - Monitor user sessions
- [User actions](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/user-actions/) - Track user interactions and events

### Monitor performance

- [Performance instrumentation](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/performance-instrumentation/) - Capture performance metrics
- [Web vitals](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/web-vitals/) - Track Core Web Vitals and user experience metrics
- [Tracing instrumentation](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/tracing-instrumentation/) - Add distributed tracing

### Capture errors and logs

- [Error tracking](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/error-tracking/) - Monitor application errors and exceptions
- [Console instrumentation](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/console-instrumentation/) - Capture console messages

### Custom telemetry

- [Custom signals](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/custom-signals/) - Send custom events, logs, and measurements

### Framework-specific guides

- [Faro Web SDK](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro/) - Core instrumentation for JavaScript applications
- [Faro React](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/) - React-specific instrumentation and integrations
- [OpenTelemetry JS](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/opentelemetry-js/) - Integrate with OpenTelemetry

### Upgrade guides

- [Upgrade SDK](/docs/grafana-cloud/monitor-applications/frontend-observability/get-started/upgrades/) - Migrate to newer SDK versions

## Next steps

After instrumenting your application:

- [Configure instrumentation](/docs/grafana-cloud/monitor-applications/frontend-observability/configure/) to customize data collection
- [Visualize and explore data](/docs/grafana-cloud/monitor-applications/frontend-observability/visualize-data/) to analyze performance and behavior
- [Create alerts](/docs/grafana-cloud/monitor-applications/frontend-observability/create-alerts/) to get notified about issues