{"id":143974,"date":"2025-03-19T15:56:31","date_gmt":"2025-03-19T15:56:31","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/folders-and-syntax-highlighting-in-google-tag-manager\/"},"modified":"2025-03-19T15:56:31","modified_gmt":"2025-03-19T15:56:31","slug":"folders-and-syntax-highlighting-in-google-tag-manager","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=143974","title":{"rendered":"Folders And Syntax Highlighting In Google Tag Manager"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p>What a nice way to wake up to a new day, when brand-spanking new features have been released for <a href=\"https:\/\/tagmanager.google.com\/\">Google Tag Manager<\/a>.<\/p>\n<p>The two features I want to introduce here are <strong>Folders<\/strong> in the UI, and <strong>code syntax highlighting<\/strong> in Custom HTML Tags and Custom JavaScript Variables.<\/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=\"folders\">Folders<\/h2>\n<div style=\"aspect-ratio: 2464 \/ 752;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2015\/07\/folders-gtm.jpg\" title=\"Folders in Google Tag Manager\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"752\" width=\"2464\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2015\/07\/folders-gtm.jpg#ZgotmplZ\" alt=\"Folders in Google Tag Manager\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>Folders is one of those features that has been requested for over and over again since day one. The UI clutter in GTM is a serious problem, especially when dealing with dozens and dozens of items in a single view. With folders, you can logically categorize individual items, so it should dramatically reduce clutter. That is, once the feature is more refined.<\/p>\n<div style=\"aspect-ratio: 1832 \/ 502;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2015\/07\/folder-list-sort.jpg\" title=\"Sort folder list\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"502\" width=\"1832\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2015\/07\/folder-list-sort.jpg#ZgotmplZ\" alt=\"Sort folder list\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>To create a new folder, browse to the new navigation item <strong>Folders<\/strong> in the left-hand panel, after which you\u2019ll be treated to a new view. In this view, it is possible to create a <strong>New Folder<\/strong>, and select multiple items to <strong>Move<\/strong> into this folder.<\/p>\n<p>Here\u2019s the thing. For now, this is just a nice UI feature. In essence, it\u2019s a new sortable column, nothing more. It\u2019s a huge step in the right direction, but it requires a lot more refinement:<\/p>\n<ol>\n<li>\n<p>Ability to have one item in multiple folders<\/p>\n<\/li>\n<li>\n<p>Restrict user access to only certain folders, preferably on all user levels, but at least so that they can only View the contents<\/p>\n<\/li>\n<li>\n<p>Selective publish only folder X, or leave folder Y out of publish workflow<\/p>\n<\/li>\n<li>\n<p>Only show items from folder X in the view (Tags \/ Triggers \/ Variables)<\/p>\n<\/li>\n<li>\n<p>Include folders in the quick search on top of the left-hand panel<\/p>\n<\/li>\n<\/ol>\n<p>Only after refinements like these can we truly celebrate. Just kidding, we can do a little GTM jiggle right now.<\/p>\n<h2 id=\"code-syntax-highlighting\">Code syntax highlighting<\/h2>\n<p>This got me way more excited. I and many others have been using the excellent <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/code-editor-for-gtm\/nolgbicpmekdflgalbbljkplmgabjmdm\">Code Editor for GTM<\/a>, created by the awesome people at <a href=\"http:\/\/fifty-five.com\">fifty-five<\/a>.<\/p>\n<p>No matter how great that extension is, it\u2019s weird that GTM didn\u2019t have syntax highlighting enabled natively. Well, now it does!<\/p>\n<div style=\"aspect-ratio: 1646 \/ 688;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2015\/07\/syntax-highlighting.jpg\" title=\"Syntax highlight Google Tag Manager\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"688\" width=\"1646\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2015\/07\/syntax-highlighting.jpg#ZgotmplZ\" alt=\"Syntax highlight Google Tag Manager\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>It looks great, and has features you\u2019d expect from a syntax highlighter, such as automatic indentation. It does lack some stuff, like highlighting both brackets around a code block when the cursor passes over one of them, but I\u2019m sure these are refinements that can be added to the tool later.<\/p>\n<p>Both of these features are <strong>very<\/strong> welcome to Google Tag Manager, so good job devs, again! Now let\u2019s make them even better, right?<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>What a nice way to wake up to a new day, when brand-spanking new features have been released for Google Tag Manager. The two features I want to introduce here are Folders in the UI, and code syntax highlighting in Custom HTML Tags and Custom JavaScript Variables. X The Simmer Newsletter Subscribe to the Simmer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":143975,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12033],"tags":[60914,1531,22432,14495,60915,1791],"dealstore":[],"offerexpiration":[],"class_list":["post-143974","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analytics","tag-folders","tag-google","tag-highlighting","tag-manager","tag-syntax","tag-tag"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Folders And Syntax Highlighting In 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=143974\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Folders And Syntax Highlighting In Google Tag Manager - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"What a nice way to wake up to a new day, when brand-spanking new features have been released for Google Tag Manager. The two features I want to introduce here are Folders in the UI, and code syntax highlighting in Custom HTML Tags and Custom JavaScript Variables. X The Simmer Newsletter Subscribe to the Simmer [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=143974\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-19T15:56:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2464\" \/>\n\t<meta property=\"og:image:height\" content=\"752\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=143974#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=143974\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Folders And Syntax Highlighting In Google Tag Manager\",\"datePublished\":\"2025-03-19T15:56:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=143974\"},\"wordCount\":445,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=143974#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg\",\"keywords\":[\"Folders\",\"Google\",\"Highlighting\",\"Manager\",\"Syntax\",\"TAG\"],\"articleSection\":[\"Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=143974#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=143974\",\"url\":\"https:\/\/fivemor.com\/?p=143974\",\"name\":\"Folders And Syntax Highlighting In Google Tag Manager - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=143974#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=143974#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg\",\"datePublished\":\"2025-03-19T15:56:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=143974#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=143974\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=143974#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg\",\"width\":2464,\"height\":752},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=143974#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Folders And Syntax Highlighting In 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":"Folders And Syntax Highlighting In 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=143974","og_locale":"en_US","og_type":"article","og_title":"Folders And Syntax Highlighting In Google Tag Manager - Som2ny Network","og_description":"What a nice way to wake up to a new day, when brand-spanking new features have been released for Google Tag Manager. The two features I want to introduce here are Folders in the UI, and code syntax highlighting in Custom HTML Tags and Custom JavaScript Variables. X The Simmer Newsletter Subscribe to the Simmer [&hellip;]","og_url":"https:\/\/fivemor.com\/?p=143974","og_site_name":"Som2ny Network","article_published_time":"2025-03-19T15:56:31+00:00","og_image":[{"width":2464,"height":752,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=143974#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=143974"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Folders And Syntax Highlighting In Google Tag Manager","datePublished":"2025-03-19T15:56:31+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=143974"},"wordCount":445,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=143974#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg","keywords":["Folders","Google","Highlighting","Manager","Syntax","TAG"],"articleSection":["Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=143974#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=143974","url":"https:\/\/fivemor.com\/?p=143974","name":"Folders And Syntax Highlighting In Google Tag Manager - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=143974#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=143974#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg","datePublished":"2025-03-19T15:56:31+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=143974#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=143974"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=143974#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/folders-gtm.jpg","width":2464,"height":752},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=143974#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Folders And Syntax Highlighting In 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\/143974","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=143974"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/143974\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/143975"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=143974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=143974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=143974"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=143974"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=143974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}