GA4 Live Debugger & DataLayer Inspector

Real-time GA4 debugger. Monitor dataLayer events, inspect network payloads, and block analytics hits via Side Panel or DevTools.

Monitor, inspect, and troubleshoot Google Analytics 4 (GA4) network hits and your website's dataLayer in real-time. GA4 Live Debugger is a free, privacy-first Chrome extension built for analysts, developers, and marketers. Brought to you by the creators of the featured GA4 Optimizer extension, this tool brings analytics debugging out of the messy network tab and into a beautifully structured, accessible interface. Simple by default, powerful under the hood: We believe you shouldn't have to open DevTools just to check a tag. Use our convenient Side Panel for quick, lightweight validation alongside your website. For power users needing deep technical inspection, our dedicated DevTools tab and Console integrations provide the ultimate analytics workspace. 🔥 TOP DEBUGGING FEATURES ✦ Accessible Side Panel & Flexible DevTools: Choose your workspace! Inspect hits instantly in the Side Panel, or use our dedicated DevTools tab featuring a customizable, resizable split-pane layout for complex tracking setups. ✦ Enterprise-Grade Console Logging: Prefer the browser console? Toggle console logging to stream beautifully formatted, color-coded GA4 payloads and dataLayer pushes directly into your standard Chrome console. ✦ Real-Time Hit Feed: Instantly inspect page_view, ecommerce transactions, and custom events. View event parameters, user properties, and session data in a clean, readable UI grouped seamlessly by page navigation. ✦ Campaign & UTM Extraction: Stop squinting at massive URL strings. The extension automatically extracts UTM parameters, Google Ads IDs (gclid, gbraid), and social click IDs (fbclid, ttclid) into a dedicated panel so you can instantly verify your campaign tracking is surviving redirects. ✦ Built-in Analytics Blocking: Stop polluting your live production data! A dedicated "Block" toggle prevents your QA testing hits from reaching Google Analytics, while still showing you exactly what would have fired (runs locally via Chrome's Declarative Net Request API). ✦ Force GA4 Debug Mode: One-click toggle to force hits into the GA4 DebugView interface. ✦ Export to CSV/TSV: Easily export your captured hits and payloads to CSV or TSV files for offline documentation or client audits. ⚡ DATALAYER & TRACKING DIAGNOSTICS ✦ DataLayer Monitoring: Track dataLayer.push() events side-by-side with your network hits. Fully supports custom dataLayer array names (e.g., appDataLayer) for enterprise architectures. ✦ E-Commerce Schema Validation: Automatically catches missing ecommerce objects and missing transaction_ids in your dataLayer pushes, saving hours of QA troubleshooting. ✦ Ghost DataLayer Detection: Instantly flags if an ad blocker (like uBlock or Brave) is preventing tracking scripts from loading while events are still being pushed to the void. ✦ "Copy as JS Snippet": One-click export of dataLayer payloads into formatted, reproducible JavaScript snippets for Jira tickets and bug reports. 🚨 AUTOMATED PAYLOAD WARNINGS We don't just show you the data; we audit the network requests for you. The extension automatically warns you about: • Oversized Payloads: Flags batch requests exceeding GA4's 130KB limit before Google rejects them. • Mixed Implementations: Warns you if you are firing hits via both a tag manager and hardcoded gtag.js, which can cause duplicate data. • Legacy Universal Analytics: Flags outdated v=1 UA hits still lingering on your site. • Server-Side GTM Detection: Identifies First-Party (SGTM) setups with a dedicated "1P" badge and Proxy indicator. • Environment & Placement Warnings: Detects if staging/preview snippets were accidentally pushed to production, or if tracking scripts are placed sub-optimally in the DOM. 🤝 ENTERPRISE TEAM COLLABORATION ✦ Team Sync via Google Sheets: Stop asking "what does this event mean?" in Slack. Define your custom events, parameters, and measurement IDs in a Google Sheet and sync them directly into the extension. ✦ Hover Tooltips: Your entire team will see your company's custom data dictionary as hover tooltips right inside the debugger feed. 🎯 WHO IS THIS FOR? • Web Developers: Verify front-end code, dataLayer pushes, and complex e-commerce objects without writing a single line of console code. • Data Analysts: Validate custom dimensions, Server-Side proxy hits, and event parameters instantly. • Digital Marketers: Audit new client websites, identify missing GA4 events, and instantly verify that your UTMs and ad click IDs are passing correctly to Google Analytics. 🔒 PRIVACY FIRST & 100% LOCAL Your data never leaves your browser. All tracking payloads, dictionary definitions, and dataLayer events are processed and stored strictly on your local machine. We do not track you, we do not use databases, and we do not collect your analytics data. 🚀 WANT MORE FROM GA4? If you love this tool, check out our sister extension: GA4 Optimizer: Power Tools for Google Analytics. It adds 25+ UI features directly inside the GA4 interface, including Custom Metrics, YoY Presets, and Exit Reports! (GA4 Live Debugger is an independent software tool and is not developed, affiliated with, or endorsed by Google. Google Analytics™ and Google Tag Manager™ are trademarks of Google LLC.)