DEV Community

Mackenly Jones
Mackenly Jones

Posted on • Originally published at crtv.dev on

Cool Tools for Google Tag Manager

Cool Tools for Google Tag Manager

In this post, I share a few tools I've been using lately for data analytics, tracking, and marketing, specifically looking at tools related to Google Tag Manager. As a software engineer, I've encountered a need to work with analytics tools quite frequently. I would much rather be coding than "button clicking" and thanks to these tools I can spend less time navigating dashboard menus and more time making sure the data I need is sent to the right place.

I hope that this article, or at least the links attached, find their way into your favorites bar and save you some time, as they have for me.

Request Map Generator

https://requestmap.webperf.tools/

This tool allows you to quickly scan a website and visualize its requests. This is valuable for determining what is loading on a website.

Critiques:

  • There's little in terms of analysis beyond requests and their timing data.
  • I would love to see a better visualization of how the requests affect load time (sorta like a flame graph).

Overall, great tool with helpful export features. Keep up the good work Simon Hearne.

For example, in the screenshot below, I'm loading Plausible Analytics, Adobe Typekit, and Google Fonts.

Cool Tools for Google Tag Manager
Request Map for Tricities Media Group's site

Tag Stack

tagstack.io - tracking stack from any website

Tag Stack is unique among the tools in this list in that 1. it has paid tiers and 2. also integrates lead prospecting. Rather than just a container analysis tool, Tag Stack allows you to scan a website and reverse engineer the container's config. This allows you to scan sites you don't have access to (without needing to download/copy the container config) and, in the Enterprise tier, even download the GTM JSON, potentially allowing you to clone a container if you lose access to the container in GTM. Pretty nice!

In addition to the scan functionality, Tag Stack also includes a lead search engine. Accoridng to the site, it has over 1.4 million containers scanned and searchable. This makes the service a valuable prospecting tool since users can query based on not using modern standards or based on technology (if, for example, you specialize in tagging Acme Social pixels). You can think of it as Shodan.io but for analytics data.

Critiques:

  • The lowest paid tier for the service starts at € 225 or about $240 per month. This makes this tool somewhat prohibitive due to the cost for casual or freelance users. I'm personally on the free tier, which includes 10 scans and 10 lookups per month. This has been enough for my relatively casual usage, but if I regularly needed it, I'd quickly run into the limits. I'd love to see a more affordable scan-only tier for users who do not need the prospecting features.
  • It hasn't picked up the container on a few sites I've tried (I'm not sure what the cause might be).
  • I'd love to see a mapping style feature like GTM Utility and a report generation tool with data similar to GTM Visualizer.

Shoutout to Lucas Kosta, the creator!

Walk Through

After completing a scan, the user is shown a page reminiscent of GTM's previewer, except with the addition of an audit and more detail on containers without needing access.

Cool Tools for Google Tag Manager
Tag Stack Scan Results

Notice how it shows the various features the container has and lets me dive into the individual tags and triggers:

Cool Tools for Google Tag Manager
Tag Stack Scan Containers

When clicking a tag, you can see more details, including parameters and connected triggers.

Cool Tools for Google Tag Manager
Tag Stack Scan Tag Details

GTM Visualizer

https://yuhui.github.io/gtmvisualizer/

This tool allows you to paste in your config and then see it broken down, illustrating which relationships are present throughout your container. Viewing these details is helpful since it let's you, at a glance, understand where and how various tags and triggers are used. Yes, you can find similar information in the GTM console, but this format is much easier to digest.

Critiques:

  • The UI design is a bit dated, but that's fine.
  • It would be nice to be able to click on a trigger/tag/variable's name and view it in its relevant list. Instead, the list is static (though the colors are a helpful touch).

As an added benefit, this tool is open-source (though not maintained), which is reassuring since it requires you to paste in your config or sign in. Big thanks to yuhui/gtmvisualizer on GitHub.

Using the tool is super easy. Just paste in a GTM JSON or Sign In with your Google Account (I didn't try the latter).

Cool Tools for Google Tag Manager
Screenshot of GTM Visualizer

GTM Utility

Visualize Google Tag Manager Container

I really like how it shows everything in a graph network. This view helps to visualize how the different Tags, Triggers, and Variables interact.

Critiques:

  • You can't drag around the canvas, instead relying on scroll bars.
  • Because of how the scroll bars are setup you can't use a full page screenshot tool.
  • There's no export option. Ideally, it should allow saving as a image, PDF, and/or interactive HTML file. If you trying saving as a HTML file, the functionality breaks.
  • When you select a node it shows only the relationships connected to that node. This is nice! But I would also like to see a side bar appear with more details about the node rather than just the name.

Overall, it's a great tool and a great price (free)! Kudos to Igor Smirnov 🔥

Using the tool is very similar to GTM Visualizer. Paste in your GTM JSON or Sign in with Google.

Cool Tools for Google Tag Manager
Screenshot of GTM Utility

At the risk of sounding like Buggs Bunny, that's all folks. If you're looking for help with your data and analytics, I'd love to chat. I am a certified Zaraz developer, which is a Cloudflare owned GTM alternative that takes the heavy lifting off of user browsers and onto the edge, with benefits including speed, interactivity, and privacy control. To get in touch, send over an email or directly book a paid 1-hour call where I'll try to work through your problem and/or give suggestions: https://tricitiesmediagroup.com/contact

I realize this is a departure from the more technical content I typically post on this blog, but rest assured, my drafts are piling up with content covering my approach to testing, an article on building a faster version of dig for name server lookups, and a deep dive from keyboard to cloud.

Top comments (0)