Browser Extensions and Tools: Google Tag Manager

If you use Google Tag Manager very often, you’re probably looking for new ways to improve the performance, catch bugs faster and deliver the final result without much hassle. You will enjoy these browser extensions and tools for Google Tag Manager.

Some of the browser Extensions and tools for Google Tag Manager are:

  • Tag Assistant
  • Tag Manager Injector
  • Data Slayer
  • Data Layer Sifter
  • WASP
  • Da Vinci Tools
  • GTM Sonar
  • dataLayer Inspector+
  • GTM Variable Builder
  • Data Layer Checker
  • Copy CSS Selector
  • GTM Tools
  • GTM Copy Paste
  • customTask Builder
  • GTM Debug
  • SandoGTM
  • GTM Spy
  • GA Debugger
  • EditThisCookie
  • Redirect Path
  • Facebook Pixel Helper
  • Twitter Pixel Helper

1. Tag Assistant

The Tag Assistant Chrome extension is a very useful tool in testing and debugging the implementation. Not only does it help with troubleshooting of Google Tag Manager, but also Google Ads, Analytics, DoubleClick and other tools can be easily verified.

One of the most powerful features within the extension is recordings. This allows us to “record” a browsing session and produce a report on all of the hits being sent through and even how they will potentially show up within Google Analytics.

2. Data Slayer

Another entry in this list of Google Tag Manager Extensions, Dataslayer, adds a panel to Chrome Developer Tools that monitors tag management data layers and displays changes in an easy-to-read, user-friendly format.

Not only does it support Google Tag Manager, but also plays well with Tealium.

3. Data Layer Sifter

This Google Tag Manager extension helps to find DOM elements and their values within the Data Layer fast. GTM dataLayer Sifter can be used to search a particular event in the Data Layer for a DOM element to be used in Google Tag Manager.

If this is still difficult to comprehend, here is a sample use case of what you can achieve with DL Sifter:

If you wish to track Form Field values, you need to define element’s “path” on the website. This might be really time-consuming, but with help of Data Layer Sifter, this can be achieved much easier.

4. Web Analytics Solution Profiler – WASP

This extension is for advanced users. WASP gives a visual representation of the tags firing on a site and the correlation between them.

Clicking any of the tags provides deep technical insight into what’s happening behind the curtain. WASP’s functionality allows to peer into the Google Tag Manager data layer which eases the troubleshooting of Google Tag Manager and Universal Analytics implementations.

WASP also supports Omniture, SiteCatalyst, DoubleClick, and other platforms as well.

5. Da Vinci Tools

Da Vinci Tools brings handy enhancements, bug fixes and hacks directly into the Google Analytics and Google Tag Manager interfaces.

  • Focus on the same report when switching view in Google Analytics
  • Set default page in GTM interface (instead of Overview)
  • Ability to turn all GTM built-in vars on/off at once
  • Ability to copy values from GTM Preview and Debug Mode’s Data Layer Tab and many many other enhancements.

6. GTM Sonar

Created by Simo Ahava, this extension lets you debug clicks and form submissions easier. When enabled, it prevents links from redirecting you to another page and form submissions from refreshing/redirecting you to another page.

Why prevent the default action of click or form submission? For debugging reasons it’s better if we stay on the same page. Halting the default action prevents links from working, thus we can easily check what happens on a website and what data can be used for tracking purpose.

7. dataLayer Inspector+

What I like about it, is that the extension (by Analytics Pros) replaces Tag Manager Injector, logs what data was pushed to dataLayer, runs diagnostics for most common issues, and offers a bunch of other features.

8. GTM Variable Builder

This useful plugin enables to easily create Custom JavaScript variables that retrieve values of particular website elements. If you’re not familiar with the DOM variable, feel free to use this extension.

How does it work? Open JavaScript console in Chrome, highlight any element on a website and click extension’s icon. What you’ll get is the JavaScript function that should be used in a GTM Custom JavaScript variable.

9. Data Layer Checker

Another extension to help easier debug what’s happening in the Data Layer. But unlike Data Slayer or Data Layer Inspector, this plugin enables you to check the Data Layer without having to use the browser console.

Which one is better, you ask? Well, it’s up to you. Try all 3 and see which one fits your needs the best. My personal favorite is Data Layer Inspector because it also offers a bunch of other features, like injecting GTM container.

10. Copy CSS Selector

If you’re regularly working with Matches CSS Selector operator in Google Tag Manager, then this extension is for you. Why is it useful? If you struggle with CSS Selectors or just want to save time, Copy CSS Selector will do the work for you. Just right-click the website element you wish to track, hit Copy CSS Selector, and paste the selector in your Google Tag Manager Trigger.

If you don’t know what CSS Selectors are, they are especially useful (but not limited to) when you want to track clicks of a particular website element which has no ID and shares the same CSS Class as several other elements.

Learning some basics of CSS Selectors opened new possibilities for me, so you should definitely dig in too.

11. GTM Tools

Another very useful tool created by Simo Ahava. This time, it’s not a Google Tag Manager Chrome extension but a hosted web-tool that helps me audit and manage/clone GTM container. It has 3 main features:

  • Container visualization (with it, you can find which container elements are heavily used or are not used at all).
  • Inspect container
  • Clone container. I’ve used this feature to export a part of a GTM container (because, by default, GTM exports the entire container). However, there’s a new player in the town, a Google Tag Manager Extension (for Chrome) that can help you do that even faster.

12. GTM Copy Paste

Julian from MeasureSchool published an amazing time-saving Google Tag Manager Chrome Extension. With it, you can easily copy GTM container elements (tags/triggers/variables) and paste them to another container with a single click.

13. customTask Builder

The tool developed by Simo Avaha. If you’re not familiar with a Custom Task yet, read Simo’s guide first. In a nutshell, customTask is a method of the Universal Analytics library, which lets you run JavaScript code when the hit request to Google Analytics is being built.

There is a whole bunch of possible ways of how customTask can be applied. To name a few: remove Personally Identifiable Information from GA hits, automatically reduce the GA payload size and many more. Since this feature is an advanced one, Simo Ahava prepared a customTask builder tool that will simplify the process.

14. GTM Debug

An amazing Chrome extension developed by David Vallejo that eases the process of Google Tag Manager debugging. Among many useful features, here are the most noteworthy in my opinion:

  • Copy Data Layer pushes in a formatted way
  • Ability to view Data Layer pushes of previous pages
  • Filtering by GA Hit Type or GA account ID
  • Simplified Enhanced Ecommerce debugging.

These and other useful features are waiting for you in that GTM extension so definitely try it out.

15. GTM Spy

This free tool (no signup required) lets you check what’s inside of the GTM container of any website. This can help you with spying on the competitor or just recreate the content of the container that you lost access to. I’ve heard multiple times of situations where rogue agencies lock the client away from the container (even though that container is definitely the client’s property).

In such cases, you could just use GTM spy and export the container that is used on your own website. Then create a new GTM container and import the file that you exported via GTM Spy. Finally, ask your developers to change the container ID in your website’s source code. That way, you’ll solve this nasty issue with the agency.

I hope you found some collections of browser Extensions and tools for Google Tag Manager useful.

Need help with Digital Analytics? Get in touch: