GA4 Live Debugger & DataLayer Inspector

Description

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). ✦Google Consent Mode V2 Decoding: Stop guessing if your consent tags are working. The extension automatically decodes complex gcs and gcd payload parameters into plain English, showing you the exact granted/denied status of ad_storage, analytics_storage, ad_user_data, and ad_personalization for every single hit. ✦ Force GA4 Debug Mode: One-click toggle to force hits into the GA4 DebugView interface. ✦Threaded DataLayer Hits: Visually connects GA4 network hits to the exact dataLayer.push that triggered them, so you can trace the exact chain of events in real-time. ✦ Advanced Routing & sGTM Classification: Instantly know exactly where your data is going. The extension categorizes hit transports into 5 distinct routing types: Client-Side (Google), Google Tag Gateway, 1st-Party sGTM, Hosted sGTM Providers, and Self-Hosted sGTM. ✦ 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. ✦SPA Navigation Auditing: Building with React, Vue, or Next.js? The console logger automatically detects Single Page Application (SPA) route changes and throws a warning if a page_view event fails to fire within 8 seconds. 🚨 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. • Duplicate Page Views: Automatically flags if multiple page_view events fire for the same Measurement ID on a single page load, a very common setup error. • Missing Consent Warnings: Warns you if hits are firing without any Consent Mode signals attached, helping you stay compliant with DMA and GDPR requirements. 🤝 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. ✦ Measurement ID Labelling: Managing multiple GA4 properties? Use the dictionary to assign friendly names to your Measurement IDs (e.g., "G-12345" becomes "Production Site"), making the feed instantly readable. 🎯 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. • Why does Chrome warn that this extension can "read and change all your data"? Because this is a debugging tool, it requires access to monitor network requests (to catch GA4 hits) and inspect the dataLayer on the websites you visit. This extension is 100% local. No data is ever collected, tracked, or sent to any external servers. 🚀 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.)

Details & SEO