Can I track ecommerce events with this skill?

Absolutely. The skill covers the full ecommerce funnel including view_item, add_to_cart, begin_checkout, and purchase events with all required parameters.

How do I debug my gtag implementation?

The skill includes best practices for using GA4 DebugView and identifying common issues like missing currency parameters or duplicate tracking snippets.

Does this skill support React and Next.js?

Yes, it provides specific implementation patterns for integrating gtag.js within Single-Page Applications (SPAs), including manual page_view tracking for route changes.

When should I use gtag.js instead of Google Tag Manager?

Use gtag.js when you prefer direct code control over tracking, want to minimize third-party script management overhead, or when GTM is not permitted in your technical environment.

How do I handle User ID tracking?

The skill provides guidance on using the gtag('set') command to associate authenticated user IDs for cross-device tracking while ensuring proper logout handling.

GA4 gtag.js Implementation

Name: GA4 gtag.js Implementation
Author: henkisdabro

byhenkisdabro

•

분석 및 모니터링

Implements Google Analytics 4 tracking directly using gtag.js for precise website measurement without requiring Google Tag Manager.

This skill provides expert guidance for developers implementing Google Analytics 4 (GA4) directly into website source code via the gtag.js library. It streamlines the process of initializing properties, configuring custom event tracking, managing persistent user properties, and troubleshooting dataLayer implementations. Whether you are working with static HTML files or modern JavaScript frameworks like React, Vue, or Next.js, this skill ensures your tracking implementation follows best practices for data accuracy, ecommerce reporting, and user privacy compliance while avoiding common pitfalls like duplicate events or improper User ID handling.

주요 기능

01Framework-specific integration patterns for SPAs and SSR

028 GitHub stars

03Comprehensive ecommerce event implementation (view_item, purchase, etc.)

04Direct gtag.js snippet installation and configuration

05Custom event tracking for user interactions and conversions

06User property management and cross-device ID tracking

사용 사례

01Transitioning from legacy Analytics implementations to modern GA4 gtag.js standards.

02Deploying GA4 tracking on websites where Google Tag Manager is not available or desired.

03Implementing complex ecommerce funnels directly within JavaScript application logic.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add henkisdabro/wookstar-claude-code-plugins ga4-gtag-implementation

For use in Claude.ai and ChatGPT

Download Skill