ObservePoint Tag Debugger (Chrome Extension)
Note: Download the ObservePoint TagDebugger from the Chrome Webstore here
The ObservePoint Tag Debugger is a Chrome extension that helps troubleshoot marketing tags by showing all the tags that fire on a page in a single list. It allows you to:
- See a list of all tags and the number of times they fire on a page.
- Examine the tag itself in both encoded and unencoded formats.
- View all the variable values each tag passes when it fires during and after page load.
- Record a list of tags as you navigate from page to page.
- Export the recorded list of tags to a tab-delimited file.
Once the extension is installed, open the Developer Tools (View > Developer > Developer Tools) and click the ObservePoint tab.
- Refresh the page and wait for the tags to finish loading.
- Click on an item from the list of tags found on the page to see its variables.
- Scroll the right panel up and down to see all the values passed from the selected tag.
- Click the Request tab at the top right of the panel to see the raw encoded and unencoded tag.
- Click the Record button to retain all the tags as you navigate from page to page, including any link tracking that may occur.
- Erase the list in the panel by clicking the Clear button.
- Download the list into a tab-delimited file by clicking the Download button.
Occasionally you may find that the tool does not show any tags even after refreshing the page. If this is the case, do the following:
- Verify that there are actually tags on the page by searching for one of them in the Network panel (search for google-analytics or assets.adobedtm.com, for example).
- If you know there are tags on the page, check to see if another instance of the Debugger Tool is open. If so, close both and use only one instance at a time.
- If there are tags on the page that do not show in the debugger list, verify that the tag is listed in ObservePoint's tag database. While ObservePoint tracks hundreds of tags, you may have one on your page that is not yet in our list.
Adding a Datalayer
- Visit chrome://extensions/
- Click on Details in the OP Tag Debugger Extension
- Scroll to the Bottom
- Click Extension Options
- Add the name of your data layer object (if multiple, separate by semi-colons