Hydrogen Analytics & Tracking

•
87
•

Builds resilient, full-funnel analytics and conversion tracking pipelines across client dataLayer and server-side APIs on Shopify Hydrogen storefronts.

Hydrogen Analytics & Tracking delivers production-tested architecture and patterns for implementing end-to-end e-commerce tracking on Shopify Hydrogen storefronts. It guides developers through dual-send client dataLayer pushes and server-side `/api/track` implementations with shared event_id deduplication across Google Analytics 4 Measurement Protocol, Meta Conversions API (CAPI), and Google Ads. The skill solves real-world e-commerce edge cases, including Google Consent Mode v2 setup, strict-dynamic CSP configuration, Oxygen full-page cache optimization, cart attribute cookie stashing, and Shopify webhook forwarding.

主な機能

01sendBeacon-based hit delivery ensuring zero event loss during rapid add-to-cart and checkout navigation
02Consent Mode v2 integration with compliant fallback and Limited Data Use (LDU) flag handling
03Oxygen full-page cache optimization and nonce-based strict-dynamic CSP configurations
0487 GitHub stars
05Cart attribute cookie stashing and Shopify webhook routing for reliable post-purchase attribution
06Dual-send pipeline with client-generated event_id deduplication across browser pixels and server CAPI

ユースケース

01Resolving conversion deduplication and discrepancies between browser GTM tags and backend webhooks
02Configuring Oxygen full-page caching and strict CSP headers without breaking marketing tags
03Implementing server-side Meta CAPI and GA4 Measurement Protocol to bypass ad-blockers and ITP limitations