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.

主な機能

Framework-specific integration patterns for SPAs and SSR
8 GitHub stars
Comprehensive ecommerce event implementation (view_item, purchase, etc.)
Direct gtag.js snippet installation and configuration
Custom event tracking for user interactions and conversions
User property management and cross-device ID tracking

ユースケース

Transitioning from legacy Analytics implementations to modern GA4 gtag.js standards.
Deploying GA4 tracking on websites where Google Tag Manager is not available or desired.
Implementing complex ecommerce funnels directly within JavaScript application logic.

概要

主な機能

Framework-specific integration patterns for SPAs and SSR
8 GitHub stars
Comprehensive ecommerce event implementation (view_item, purchase, etc.)
Direct gtag.js snippet installation and configuration
Custom event tracking for user interactions and conversions
User property management and cross-device ID tracking

ユースケース

Transitioning from legacy Analytics implementations to modern GA4 gtag.js standards.
Deploying GA4 tracking on websites where Google Tag Manager is not available or desired.
Implementing complex ecommerce funnels directly within JavaScript application logic.