Analytics & Monitoring

Integrate Google Analytics 4 and Sentry for event tracking and error monitoring.

2|Updated Jun 1, 2026
One-click install
npx skills add https://github.com/kws-projects/react-boilerplate --skill analytics-monitoring-kws-projects
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Analytics & Monitoring
Source: https://github.com/kws-projects/react-boilerplate/tree/main/.cursor/skills/analytics-and-monitoring
Command: npx skills add https://github.com/kws-projects/react-boilerplate --skill analytics-monitoring-kws-projects

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @sentry/react, gtag.js, react-router, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the integration and management of GA4 analytics and Sentry error monitoring in your project, making it easier to track user engagement and identify and fix issues.

Core Features & Use Cases

  • GA4 Integration: Automate event tracking and user identification with the GA4 adapter.
  • Sentry Integration: Capture and manage errors efficiently with Sentry's robust error logging and UI.
  • Use Case: Enhance your web application's user experience by using this Skill to track user interactions and automatically capture errors, improving both engagement and stability.

Quick Start

Activate the analytics and monitoring Skill in your project to begin tracking user events and capturing errors.

Frequently Asked Questions about Analytics & Monitoring

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate GA4 and Sentry for user tracking and error monitoring in a React app?

You can integrate GA4 and Sentry by activating this Skill, which automates GA4 event tracking, user identification, and Sentry error capture with detailed context, provided the necessary SDKs and environment variables are configured.

Can I use this Skill with react-router for tracking user engagement?

Yes, this Skill supports react-router as a core dependency to accurately track user engagement and map navigation events to GA4 and Sentry within your web application.

What environment variables do I need to set up for GA4 and Sentry integration?

You must configure specific environment variables for your GA4 and Sentry SDKs. This Skill uses these configured variables to authenticate the adapters and securely transmit user tracking data and error logs.

How does Sentry error capture work with GA4 user identification?

This Skill unifies Sentry error capture with GA4 user identification by passing tracked user engagement context directly into error logs, allowing you to correlate specific user interactions with captured UI errors.

What is the best way to automatically track user interactions and capture web application errors?

The best way to automatically track interactions and capture errors is to use an integrated analytics and monitoring Skill like this one, which simultaneously manages GA4 event tracking and Sentry error logging to improve application stability.