skills.rest
bradoctech
bradoctechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

analytics-events

Add Snowplow analytics events to the Metabase frontend using TypeScript schemas.

1|Updated Feb 6, 2026
Search Tags:#analytics#frontend#tracking#metabase#user events#snowplow
One-click install
npx skills add https://github.com/bradoctech/metabase --skill analytics-events
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: analytics-events
Source: https://github.com/bradoctech/metabase/tree/main/.claude/skills/analytics-events
Command: npx skills add https://github.com/bradoctech/metabase --skill analytics-events

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps developers add product analytics events to track user interactions within the Metabase frontend codebase, providing insights into user behavior.

Core Features & Use Cases

  • Event Definition: Define new analytics events using TypeScript types and schemas.
  • Tracking Implementation: Create and use tracking functions to log user interactions.
  • Use Case: When a user clicks a specific button in the Metabase UI, this skill allows you to define and track that click event to understand feature adoption.

Quick Start

Define a new event type in frontend/src/metabase-types/analytics/event.ts and then create a tracking function in the relevant feature's analytics.ts file.

Frequently Asked Questions about analytics-events

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

FAQPage Schema
How do I track user interaction events in the Metabase frontend?▼

To track user interaction events in the Metabase frontend, define a new event type in `frontend/src/metabase-types/analytics/event.ts` and create a tracking function in the relevant feature's `analytics.ts` file.

What are Snowplow analytics events and how do they work with TypeScript?▼

Snowplow analytics events track user interactions by utilizing TypeScript types and schemas to define event structures. This provides behavioral insights by logging interactions like button clicks within the Metabase UI.

Can I use custom schemas for tracking events instead of standard ones?▼

Yes, you can use custom schemas for tracking events in specific cases. The system utilizes `SimpleEventSchema` for common events but allows custom schemas when standard definitions do not fit your needs.

What is the best way to add product analytics to a Metabase feature?▼

The best way to add product analytics is by defining a TypeScript event schema and implementing a dedicated tracking function at the interaction point. This approach captures user behavior data for feature adoption analysis.

Why do I need to define event types in TypeScript before tracking interactions?▼

You need to define event types in TypeScript before tracking interactions to ensure data structure consistency. Defining schemas in `event.ts` establishes the contract for tracking functions to log accurate analytics data.

Related Skills

Explore More Software Engineering Skills→
csim-sgcsim-sg

better-auth

Implement better-auth authentication for Cloudflare Workers with D1.

Community
Advanced
BellaBeBellaBe
37

foundations-retention-optimizer

Analyze post-PMF retention cohorts and churn risk for SaaS growth.

Community
Advanced
franzosterkampfranzosterkamp

react-testing-library

Test React components with accessible queries and user event simulation.

Community
Intermediate
ashishgurpritashishgurprit

Analytics Universal

Track user events across Segment, Mixpanel, and Google Analytics.

Community
Advanced