skills.rest
vercel
vercelOFFICIAL
Explore all skills by this author →
Website𝕏@vercelGitHub

enable-analytics

Integrate Vercel Analytics, Speed Insights, and Google Tag Manager into Next.js storefronts.

45|12|Updated Mar 9, 2026
Search Tags:#performance#analytics#nextjs#storefront#google-tag-manager#vercel-analytics#speed-insights
One-click install
npx skills add https://github.com/vercel/shop --skill enable-analytics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: enable-analytics
Source: https://github.com/vercel/shop/tree/main/packages/plugin/skills/enable-analytics
Command: npx skills add https://github.com/vercel/shop --skill enable-analytics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Default storefronts ship without analytics or performance monitoring. This skill adds Vercel Analytics, Vercel Speed Insights, and Google Tag Manager using their recommended integrations to give you observability and governance over storefront activity.

Core Features & Use Cases

  • Integrates Vercel Analytics for page views and events.
  • Adds Vercel Speed Insights for Core Web Vitals monitoring.
  • Wires Google Tag Manager via NEXT_PUBLIC_GTM_ID for governance and marketing tags.
  • Use cases include monitoring storefront performance, understanding user interactions, and enabling marketing analytics across environments.

Quick Start

Ask the user for analytics preferences, install the chosen packages, and wire the analytics components into the app layout.

Frequently Asked Questions about enable-analytics

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

FAQPage Schema
How do I add Vercel Analytics to a Next.js storefront?▼

Vercel Analytics integration involves installing the package and wiring a centralized analytics component into your app's root layout. This setup provides unified page view and event tracking for your Next.js storefront.

How do I track Core Web Vitals in a Next.js application?▼

Tracking Core Web Vitals in Next.js requires Vercel Speed Insights. This Skill wires the Speed Insights component into your root layout to monitor real-time storefront performance metrics.

What is the best way to set up Google Tag Manager in Next.js?▼

Setting up Google Tag Manager in Next.js uses the NEXT_PUBLIC_GTM_ID environment variable. This Skill implements an opt-in GTM integration to load marketing tags safely and provide governance over storefront activity.

Can I use Vercel Analytics and Speed Insights together in the same storefront?▼

Vercel Analytics and Speed Insights can run together in the same storefront. This Skill wires both packages into the layout layer to provide unified user activity tracking and performance monitoring.

Do I need Google Tag Manager to monitor storefront performance?▼

Google Tag Manager is not required to monitor storefront performance. GTM is an optional opt-in feature for marketing tags, while Vercel Analytics and Speed Insights handle the required performance monitoring and user tracking.

Related Skills

Explore More Software Engineering Skills→
PostHogPostHog
58

instrument-integration

Instrument PostHog SDKs across popular web and mobile frameworks with verified configuration.

Official
Advanced
jangtrinhjangtrinh

web-perf

Analyze web performance gaps and optimize Core Web Vitals with Lighthouse.

Community
Intermediate
mattwoodcomattwoodco
3

analytics

Integrate Vercel Analytics into Next.js applications for custom event tracking.

Community
Intermediate
mgd34msumgd34msu
4

vercel-analytics

Track page views and Core Web Vitals for Vercel-deployed applications.

Community
Basic