analytics▌
99 indexed skills · max 10 per page
integration-react-tanstack-router-code-based
PostHog/skills · PostHog
### PostHog Integration for TanStack Router - Initialize PostHogProvider in the root route to ensure global access to the analytics client across all child routes. - Track pageviews using TanStack Router navigation events and capture user actions directly within event handlers, avoiding useEffect. - Identify users during authentication and maintain session correlation by passing distinct IDs via headers in API requests.
integration-nuxt-3.6
PostHog/skills · PostHog
### PostHog Integration for Nuxt 3.6 - Follow the four-step setup workflow to initialize PostHog analytics within your Nuxt 3.0 to 3.6 application. - Use environment variables for all PostHog keys and maintain consistency by following the provided example project patterns. - Identify users during authentication events and use specific headers to correlate client-side sessions with backend requests.
integration-react-native
PostHog/skills · PostHog
### PostHog React Native Integration - Install posthog-react-native and react-native-svg, then wrap your app with PostHogProvider inside the NavigationContainer. - Use react-native-config to securely load POSTHOG_PROJECT_TOKEN and POSTHOG_HOST from environment variables at build time. - Identify users during login and signup, using custom headers to maintain session correlation between frontend and backend.
integration-react-react-router-7-declarative
PostHog/skills · PostHog
### PostHog Integration for React Router v7 - Implement PostHog analytics using the declarative pattern by following the four-step setup workflow and referencing the example project. - Use environment variables for API keys and trigger analytics capture directly within event handlers rather than inside useEffect hooks. - Identify users during authentication and maintain session correlation by passing distinct IDs via headers for backend-integrated flows.
llm-analytics-setup
PostHog/skills · PostHog
### PostHog LLM Analytics Integration - Integrate PostHog analytics into any LLM application using provider-specific guides or the manual capture fallback for custom setups. - Capture essential metrics including input/output tokens, model names, latency, and costs while ensuring PII is never sent in events. - Use the instance-based Posthog() constructor, enable exception autocapture, and call shutdown() to ensure all events are flushed.
integration-nuxt-4
PostHog/skills · PostHog
### PostHog Integration for Nuxt 4 - Follow the four-step setup workflow to integrate PostHog analytics into your Nuxt 4 application. - Use environment variables for all PostHog keys and follow the provided example project patterns for implementation. - Identify users during authentication and use specific headers to maintain session correlation between frontend and backend.
omnibus-instrument-error-tracking
PostHog/skills · PostHog
### omnibus-instrument-error-tracking Overview - >- - Use this skill to add PostHog error tracking that captures and monitors exceptions in your application. Use it after implementing features o - Supported platforms: React, Next.js, Web (JavaScript), Node.js, Python, Ruby, Ruby on Rails, Go, Angular, Svelte, Nuxt, React Native, Flutte
error-tracking-web
PostHog/skills · PostHog
### PostHog Web Error Tracking - Initialize posthog-js before other methods and enable exception autocapture to monitor browser errors automatically. - Upload source maps to ensure stack traces are readable and use captureException() within catch blocks for manual error reporting. - Protect user privacy by excluding PII from capture() event properties, using identify() for user-specific data instead.
integration-astro-hybrid
PostHog/skills · PostHog
### PostHog Integration for Astro Hybrid - Initialize PostHog using a reusable component in src/components/ and include it in your main layout for consistent tracking. - Use the posthog-node library with a singleton pattern in src/lib/ for server-side event tracking in API routes. - Securely manage keys via environment variables and use the is:inline directive to prevent Astro from processing script tags.
integration-react-react-router-6
PostHog/skills · PostHog
### PostHog Integration for React Router v6 - Follow the four-step setup workflow to integrate PostHog analytics into your React Router v6 application. - Use environment variables for API keys and implement analytics capture directly within event handlers rather than useEffect. - Identify users during login and signup, using specific headers to maintain session correlation between frontend and backend.