{"id":157963,"date":"2025-03-26T15:35:15","date_gmt":"2025-03-26T15:35:15","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/container-visualizer-for-google-tag-manager\/"},"modified":"2025-03-26T15:35:15","modified_gmt":"2025-03-26T15:35:15","slug":"container-visualizer-for-google-tag-manager","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=157963","title":{"rendered":"Container Visualizer for Google Tag Manager"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p><em>[UPDATE:] Quite a lot of people had trouble accessing the tool after I published this post. This should now be fixed.<\/em><\/p>\n<p>So, AWESOME stuff. The new <a href=\"http:\/\/analytics.blogspot.fi\/2014\/10\/making-tag-management-more-accessible.html\">Google Tag Manager UI and API have just rolled out<\/a>, and I can finally start revealing the stuff I\u2019ve been working on \ud83d\ude42<\/p>\n<p>I\u2019m not going to go into the new UI in this post. I just want to give a huge thanks to the GTM team for working on the UX with such dedication. The big problem with GTM so far has been that newcomers and non-developers (and why not developers as well) don\u2019t get the <em>flow<\/em> of the tool. There\u2019s no indication of \u201cwhat to do next\u201d, or \u201cwhat\u2019s taking place right now\u201d. These are some of the things that have been remedied in this release.<\/p>\n<p>But the API. Oh man, the API. I love it. It lets me do such cool things with it. I\u2019ve got a bunch of tools in the prototype-stage, including:<\/p>\n<ul>\n<li>\n<p><strong>Container Cloner<\/strong> (copy container(s) from account to account)<\/p>\n<\/li>\n<li>\n<p><strong>Tag Cloner<\/strong> (copy tag(s) from container to container)<\/p>\n<\/li>\n<li>\n<p><strong>Macro Cloner<\/strong> (copy macro(s) from container to container)<\/p>\n<\/li>\n<li>\n<p><strong>Rule Cloner<\/strong> (copy rule(s) from container to container)<\/p>\n<\/li>\n<li>\n<p><strong>Container Visualizer<\/strong> (read more below)<\/p>\n<\/li>\n<\/ul>\n<p>I\u2019m not ready to go public with them for two reasons: 1) I\u2019m still using the free App Engine plan, meaning quotas will burst if dozens of people start cloning GTM assets at the same time (yes, I\u2019m that confident about the tools\u2019 popularity), and 2) I\u2019m not a visual developer, so the tools look like crap.<\/p>\n<p>(<strong>UPDATE:<\/strong> I caved and made the other tools public as well. See <a href=\"https:\/\/www.simoahava.com\/analytics\/introducing-gtm-tools\/\">this post<\/a> for more info.)<\/p>\n<p>But there is one tool I want to make public now, because I\u2019m so furiously proud of it. So here we go.<\/p>\n<p>                <span class=\"simmer\"><br \/>\n  <span class=\"close\">X<\/span><\/p>\n<p>\n    <span class=\"fa fa-md fa-bell\"\/><br \/>\n    <strong>The Simmer Newsletter<\/strong>\n  <\/p>\n<p>\n    Subscribe to the <a href=\"https:\/\/www.simoahava.com\/newsletter\/\">Simmer newsletter<\/a> to get the latest news and content from Simo Ahava into your email inbox!\n  <\/p>\n<p>  <\/span><\/p>\n<h2 id=\"container-visualizer\">Container Visualizer<\/h2>\n<p>It\u2019s a little tool that lets you visualize all links and relationships between the tags, macros, and rules of a container.<\/p>\n<div style=\"aspect-ratio: 1444 \/ 1222;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2014\/10\/container-visualizer.jpg\" title=\"Container Visualizer (GTM Tools @SimoAhava\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"1222\" width=\"1444\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2014\/10\/container-visualizer.jpg#ZgotmplZ\" alt=\"Container Visualizer (GTM Tools @SimoAhava\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>You can find the tool here: <a href=\"http:\/\/www.gtmtools.com\">Container Visualizer (GTM Tools @SimoAhava)<\/a>. I haven\u2019t tested extensively across browsers, so it might look a bit different depending on which browser you use.<\/p>\n<p>Here\u2019s how it works:<\/p>\n<ol>\n<li>\n<p>First you need to authenticate your Google ID to use the API<\/p>\n<\/li>\n<li>\n<p>Next, choose an account whose container you want to inspect<\/p>\n<\/li>\n<li>\n<p>Then choose a container in that account<\/p>\n<\/li>\n<li>\n<p>Now you should see the diagram with all your nodes<\/p>\n<\/li>\n<li>\n<p>Hover over a node to see its connections<\/p>\n<\/li>\n<li>\n<p>Click a node to freeze its state (click again anywhere to release)<\/p>\n<\/li>\n<li>\n<p>Click \u201cSelect hermit nodes\u201d to select nodes with no links<\/p>\n<\/li>\n<li>\n<p>Start typing to find a specific tag, macro, or rule<\/p>\n<\/li>\n<li>\n<p>Click \u201cFull screen\u201d to view a larger version of the visualization<\/p>\n<\/li>\n<\/ol>\n<p>I think this is a pretty darn sweet tool to see how vibrant your container is. If you have the average container, you should see a lot of links to the {{event}} macro and the {{url}} macro, but if you want a healthy container, you should see very few hermit nodes or assets with just single links.<\/p>\n<p>For the visualization, I did some heavy modifications to the <a href=\"http:\/\/bl.ocks.org\/mbostock\/7607999\">Hierarchical Edge Bundling<\/a> visualization built with the amazing <a href=\"http:\/\/d3js.org\/\">d3.js<\/a> library.<\/p>\n<p>Technology-wise it\u2019s all Python, JavaScript, and HTML templates.<\/p>\n<p>I\u2019ll try to muster up the courage to publish the other apps in my GTM Tools @SimoAhava collection soon.<\/p>\n<p>Let me know what you think about the whole idea of visualizing your data assets!<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>[UPDATE:] Quite a lot of people had trouble accessing the tool after I published this post. This should now be fixed. So, AWESOME stuff. The new Google Tag Manager UI and API have just rolled out, and I can finally start revealing the stuff I\u2019ve been working on \ud83d\ude42 I\u2019m not going to go into [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":157964,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12033],"tags":[1498,1531,14495,1791,59755],"dealstore":[],"offerexpiration":[],"class_list":["post-157963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analytics","tag-container","tag-google","tag-manager","tag-tag","tag-visualizer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Container Visualizer for Google Tag Manager - Som2ny Network<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fivemor.com\/?p=157963\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Container Visualizer for Google Tag Manager - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"[UPDATE:] Quite a lot of people had trouble accessing the tool after I published this post. This should now be fixed. So, AWESOME stuff. The new Google Tag Manager UI and API have just rolled out, and I can finally start revealing the stuff I\u2019ve been working on \ud83d\ude42 I\u2019m not going to go into [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=157963\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-26T15:35:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1444\" \/>\n\t<meta property=\"og:image:height\" content=\"1222\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=157963#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=157963\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Container Visualizer for Google Tag Manager\",\"datePublished\":\"2025-03-26T15:35:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=157963\"},\"wordCount\":611,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=157963#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg\",\"keywords\":[\"Container\",\"Google\",\"Manager\",\"TAG\",\"Visualizer\"],\"articleSection\":[\"Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=157963#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=157963\",\"url\":\"https:\/\/fivemor.com\/?p=157963\",\"name\":\"Container Visualizer for Google Tag Manager - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=157963#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=157963#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg\",\"datePublished\":\"2025-03-26T15:35:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=157963#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=157963\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=157963#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg\",\"width\":1444,\"height\":1222},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=157963#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Container Visualizer for Google Tag Manager\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fivemor.com\/#website\",\"url\":\"https:\/\/fivemor.com\/\",\"name\":\"Som2ny Network\",\"description\":\"Daily Deals\",\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fivemor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fivemor.com\/#organization\",\"name\":\"Som2ny Network\",\"url\":\"https:\/\/fivemor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"width\":300,\"height\":86,\"caption\":\"Som2ny Network\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/fivemor.com\"],\"url\":\"https:\/\/fivemor.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Container Visualizer for Google Tag Manager - Som2ny Network","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fivemor.com\/?p=157963","og_locale":"en_US","og_type":"article","og_title":"Container Visualizer for Google Tag Manager - Som2ny Network","og_description":"[UPDATE:] Quite a lot of people had trouble accessing the tool after I published this post. This should now be fixed. So, AWESOME stuff. The new Google Tag Manager UI and API have just rolled out, and I can finally start revealing the stuff I\u2019ve been working on \ud83d\ude42 I\u2019m not going to go into [&hellip;]","og_url":"https:\/\/fivemor.com\/?p=157963","og_site_name":"Som2ny Network","article_published_time":"2025-03-26T15:35:15+00:00","og_image":[{"width":1444,"height":1222,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=157963#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=157963"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Container Visualizer for Google Tag Manager","datePublished":"2025-03-26T15:35:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=157963"},"wordCount":611,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=157963#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg","keywords":["Container","Google","Manager","TAG","Visualizer"],"articleSection":["Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=157963#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=157963","url":"https:\/\/fivemor.com\/?p=157963","name":"Container Visualizer for Google Tag Manager - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=157963#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=157963#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg","datePublished":"2025-03-26T15:35:15+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=157963#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=157963"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=157963#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/container-visualizer.jpg","width":1444,"height":1222},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=157963#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Container Visualizer for Google Tag Manager"}]},{"@type":"WebSite","@id":"https:\/\/fivemor.com\/#website","url":"https:\/\/fivemor.com\/","name":"Som2ny Network","description":"Daily Deals","publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fivemor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fivemor.com\/#organization","name":"Som2ny Network","url":"https:\/\/fivemor.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","width":300,"height":86,"caption":"Som2ny Network"},"image":{"@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","caption":"admin"},"sameAs":["https:\/\/fivemor.com"],"url":"https:\/\/fivemor.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/157963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=157963"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/157963\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/157964"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=157963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=157963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=157963"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=157963"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=157963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}