Adobe Data Layer Inspector

Real-time Event Stream & getState() Merged State Inspector for adobeDataLayer & ACDL

Adobe Data Layer Inspector is an essential developer tool for Web Analytics Engineers, Tag Management Specialists, and Digital Marketers working with Adobe Experience Cloud, Adobe Launch, and Adobe Experience Platform (AEP). Whether you are debugging digitalData, adobeDataLayer (Qatar Airways style), or adobeClientDataLayer (AEM Core Components), this extension provides an instant live event stream and real-time getState() merged state evaluation. 🌟 KEY FEATURES: 1. Real-Time Events Stream: Automatically captures every adobeDataLayer.push(...) and adobeClientDataLayer.push(...) event with accurate timestamps and formatted JSON payloads. 2. Live getState() Merged State View: Deep-merges state updates in real time, mirroring native adobeDataLayer.getState() behavior. 3. On-Page Floating Widget: Includes an elegant bottom-right overlay widget (with folded pill state and unfolded drawer panel) injected right on the webpage for seamless pair-debugging without opening Chrome DevTools. 4. Dot-Path Query Tester: Query specific sub-paths (e.g. searchInfo, page.pageInfo.pageName, bookingHeader) to test adobeDataLayer.getState(path) live. 5. Dual-Container Support: Works seamlessly on sites using adobeDataLayer, adobeClientDataLayer, or both containers simultaneously. 6. 1-Click Copy JSON: Copy formatted event payloads or merged state to your clipboard with a single click. PRIVACY & COMPLIANCE: - 100% Client-Side: Operates entirely within your browser. - No Data Collection: Zero tracking, no telemetry, no remote servers. - Open & Lightweight: Built with Manifest V3 standards.