Monitor and debug data layer implementations in real-time.Track Adobe, GTM, and custom data layer events with an interactive viewer.

Latest Version

Version
1.0.0
Update
February 14, 2025
Size
310KiB
Developer
Category
Users
3
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
ActiveTab
See more

DataLayer Inspector Extension

DataLayer Inspector is a powerful developer tool that helps you monitor, inspect, and debug data layer implementations in real-time. Whether you're working with Adobe Analytics, Google Tag Manager (GTM), or custom data layers, this extension provides a seamless way to track and validate your data layer events.

Key Features:

🔍 Real-Time Monitoring
- Watch data layer events as they happen
- See instant updates when data changes
- Track user interactions and page events

🎯 Universal Compatibility
- Works with Adobe Data Layer
- Supports Google Tag Manager
- Compatible with custom data layer implementations
- Monitor any data layer object in your website

⚡ Developer-Friendly Features
- Interactive floating viewer
- Expandable/collapsible JSON tree view
- Copy event data with one click
- Search and filter capabilities
- Dark/light theme support

⚙️ Flexible Configuration
- Customize data layer path
- Position viewer anywhere on screen
- Resize to your preferred dimensions
- Minimize when not in use
- Optional permissions for specific sites

🔒 Privacy-Focused
- Works entirely in your browser
- No data collection or transmission
- No external dependencies

Perfect For:
- Web Developers
- Analytics Engineers
- Marketing Technologists
- QA Engineers
- Digital Analysts

Use Cases:
- Debug analytics implementations
- Validate marketing tags
- Monitor e-commerce events
- Test data layer pushes
- Verify user interaction tracking
- Troubleshoot tracking issues

How to Use:
1. Install the extension
2. Click the extension icon to activate
3. Watch data layer events in real-time
4. Click events to expand and inspect details
5. Use the settings to customize the path for custom data layers

The DataLayer Inspector makes it easy to ensure your analytics and marketing tags are firing correctly with the right data. Save time debugging and gain confidence in your implementations.

### Support:
For questions, feature requests, or bug reports, please email at [email protected]

#analytics #debugging #developer-tools #gtm #adobe #data-layer
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "DataLayer Inspector", "version": "1.0.0", "description": "Monitor and debug data layer implementations in real-time.Track Adobe, GTM, and custom data layer events with an interactive viewer.", "author": "[email protected]", "homepage_url": "https://datalayer-inspector.srikanth.dev", "permissions": [ "storage", "activeTab" ], "action": { "default_icon": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "default_title": "DataLayer Inspector" }, "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["content.js"], "css": ["styles.css"], "run_at": "document_end" } ], "web_accessible_resources": [{ "resources": ["inject.js"], "matches": ["http://*/*", "https://*/*"] }], "background": { "service_worker": "background.js" }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "short_name": "DL Inspector", "minimum_chrome_version": "88"} "
Read more

Similar Extensions

icon

GoFullPage - Full Page Screen Capture Extension · Developer Tools 3 77052 ★ 1.81MiB

icon

ColorZilla Extension · Developer Tools 3 3845 ★ 410KiB

icon

JSON Formatter Extension · Developer Tools 3 1859 ★ 19.86KiB

icon

User-Agent Switcher for Chrome Extension · Developer Tools 3 2631 ★ 132KiB

icon

Lighthouse Extension · Developer Tools 3 318 ★ 50.7KiB

icon

Similarweb - Website Traffic & SEO Checker Extension · Developer Tools 3 3255 ★ 1.19MiB

icon

SEOquake Extension · Developer Tools 3 2529 ★ 1.5MiB

icon

Clear Cache Extension · Developer Tools 3 1124 ★ 616KiB

icon

ModHeader - Modify HTTP headers Extension · Developer Tools 3 1061 ★ 676KiB

icon

SEO META in 1 CLICK Extension · Developer Tools 3 1108 ★ 462KiB

icon

Selenium IDE Extension · Developer Tools 3 286 ★ 3.96MiB

icon

Postman Interceptor Extension · Developer Tools 3 957 ★ 478KiB

icon

Stylus Extension · Developer Tools 3 1101 ★ 1.01MiB

icon

CSS Peeper Extension · Developer Tools 3 363 ★ 279KiB

icon

WhatRuns Extension · Developer Tools 3 398 ★ 290KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 3 118 ★ 194KiB

icon

BuiltWith Technology Profiler Extension · Developer Tools 3 407 ★ 54.1KiB

icon

Detailed SEO Extension Extension · Developer Tools 3 193 ★ 266KiB

icon

Fake Filler Extension · Developer Tools 3 752 ★ 536KiB

icon

Responsive Viewer Extension · Developer Tools 3 298 ★ 639KiB

icon

JSON Viewer Pro Extension · Developer Tools 3 137 ★ 349KiB

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 3 1227 ★ 876KiB

icon

Grepper Extension · Developer Tools 3 405 ★ 1.41MiB

icon

Color Tab Extension · Developer Tools 3 1395 ★ 11.21KiB