A Chrome extension to enhance Google Tag Manager dataLayer debugging (and other tags as well).
To use the unpacked source version, enable Developer mode in the Chrome extensions page and Load unpacked extension from the checked-out src folder.
The latest official version will always be available at the Chrome Web Store.
A new panel will appear in Developer Tools titled dataslayer, containing a page group and URL for each pageload in the tab, with each dataLayer.push appearing in a subgroup.
If requests are made to Google Analytics, Floodlight, or SiteCatalyst tag, they will appear on the right side of the page group, with dataLayer information on the left side. Note that vertical alignment does not necessarily indicate a tie between dataLayer items and tags fired. Click the + next to each tag to see all parameters in the request, in case the parameter you're looking for is not pulled out.
All items are in reverse chronological order (newest on top).
To collapse and expand page groups, simply click the URL associated with each page.
The extension options page (found in the Chrome extensions page) will allow you to hide or show certain tag types. All tags are shown by default. Settings should sync across devices if you're signed in to Chrome.
dataslayer was built with the Google Data Layer Helper Library, Pure, and jQuery.
dataslayer is under the MIT License. See LICENSE.md.