Description from extension meta
Captures dataLayer events, shows them in List/JSON mode, sends them as base64 in GET param, and displays live badge count.
Image from store
Description from store
Event Validator is a powerful Chrome extension designed for both developers and marketing professionals to effortlessly capture, analyze, and manage dataLayer events from any website. With a sleek, modern interface and robust functionality, Event Validator streamlines the process of monitoring your tracking and analytics events in real time.
Key Features
Real-Time DataLayer Event Capture:
Intercepts dataLayer.push calls as they happen on any webpage, ensuring that no event goes unnoticed.
Detailed Event Display:
Captured events are displayed in an intuitive accordion-style list. Each event shows a concise header (event name) and a full JSON representation with syntax highlighting, making it easier to debug and analyze.
Advanced Search & Filter:
Quickly search through events across all fields—including both event names and JSON parameters. As you type, the extension filters the events in real time. Matching text within the JSON details is dynamically highlighted in yellow, while the event names remain in their original format.
Individual and Bulk Copy Functionality:
Each event comes with its own “Copy” button in the header, enabling you to quickly copy the JSON data for that specific event. Additionally, a “Copy All” button allows you to copy all captured events at once for further analysis.
Analyzer Integration:
When you click the “Analyzer” button, the extension copies your event data and automatically opens a new window at https://www.eventvalidator.com/analyze. This seamless integration lets you dive deeper into your event data without leaving the browser.
Dynamic Data Reset:
The extension monitors changes in the active hostname or browser window. If a change is detected—such as navigating to a new site within the same window or opening a different browser window—the current event list is automatically cleared, ensuring that you’re always working with relevant data.
UI/UX Enhancements:
Modern Design: Enjoy a clean, professional interface with soft gradients, rounded corners, and subtle shadow effects.
Theme Toggle: Switch between Light and Dark modes effortlessly with a simple toggle button to suit your visual preferences.
Accessible Layout: The design is optimized for desktop use, ensuring that both technical and non-technical users have an intuitive experience.
Clickable Branding: The header features a clickable “Event Validator” logo that directs users to https://www.eventvalidator.com, while the footer also includes a clearly visible link to the same site.
Background Service Worker:
All events are managed and stored securely by a background service worker, ensuring smooth synchronization between the background processes and the popup interface.
How It Works
Injection & Capture:
Event Validator injects a custom script into web pages that overrides the default dataLayer.push function. This allows it to capture every event as it’s pushed into the dataLayer.
Event Management:
The captured events are sent to the extension’s background script, where they are stored and managed. The background script also monitors for any hostname or window changes and resets the event history when necessary.
User Interface:
The popup interface displays the events in a user-friendly accordion format:
Collapsible Event Details: Each event is presented with a header and a detailed JSON view, which is syntax highlighted for clarity.
Search & Highlight: Use the search field to filter events across all parameters. As you type, the matching JSON content is highlighted in yellow.
Copy Options: Quickly copy individual event data using the “Copy” button in each event header or copy all events at once.
Analyzer Button: Easily send your event data to the analyzer page for a deeper dive into your tracking events.
Brand Visibility:
The clickable header and footer ensure that users are always aware of the official website (www.eventvalidator.com). This reinforces brand identity and provides an easy way to access additional resources or support.
Ideal For
Marketing Teams:
Verify that tracking events are firing correctly and gain quick insights without needing to dive deep into code.
Developers:
Debug dataLayer implementations in real time, ensuring your analytics events are properly configured and working as intended.
Data Analysts:
Easily extract, filter, and analyze event data from any website, making it simpler to identify trends and troubleshoot issues.
Installation & Usage
Install the Extension:
Download and install Event Validator from the Chrome Web Store.
Activate Event Capture:
Click the extension icon to open the popup. As you navigate websites that use a dataLayer, the extension automatically captures and displays the events.
Interact with Your Data:
Use the search box to filter and highlight relevant events.
Copy individual events using the “Copy” button next to each event, or copy all events at once with the “Copy All” button.
Click “Analyzer” to send your event data to https://www.eventvalidator.com/analyze in a new window for further analysis.
Toggle between Light and Dark themes for your preferred viewing experience.
Brand Access:
Click on the “Event Validator” logo in the header or the website link in the footer to visit our official site and learn more about our tools and support options.
Event Validator streamlines the complex process of tracking and validating dataLayer events into an easy-to-use, visually appealing tool. Whether you’re a developer, a marketer, or a data analyst, Event Validator offers the precision and clarity you need to ensure your website’s tracking is operating flawlessly.
Experience seamless event validation and unlock deeper insights into your website’s performance with Event Validator – your comprehensive solution for real-time event tracking and analysis.
Feel free to contact us for any support or feedback at www.eventvalidator.com. Enjoy a smarter way to monitor your digital events with Event Validator!