{"id":79404,"date":"2025-02-10T07:36:50","date_gmt":"2025-02-10T07:36:50","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/tag-assistant-preview-mode-in-google-tag-manager\/"},"modified":"2025-02-10T07:36:50","modified_gmt":"2025-02-10T07:36:50","slug":"tag-assistant-preview-mode-in-google-tag-manager","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=79404","title":{"rendered":"Tag Assistant Preview Mode In Google Tag Manager"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<blockquote>\n<p><strong>Last updated 12 February 2021<\/strong>: Clarified how Preview is shared.<\/p>\n<\/blockquote>\n<p>Your favorite tagging platform, <a href=\"https:\/\/tagmanager.google.com\/\">Google Tag Manager<\/a>, now comes equipped with a completely revamped <strong>preview mode experience<\/strong>.<\/p>\n<p>Gone are the days of having to minimize the debug pane to prevent it from hogging up screen real estate on the website.<\/p>\n<p>Gone are the days of having to use browser extensions to see what happened in GTM on previous page loads.<\/p>\n<p>Gone are the days of trying to squint <em>really hard<\/em> at the illegible debug pane while in mobile emulation mode.<\/p>\n<div style=\"aspect-ratio: 2568 \/ 950;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/09\/new-preview-mode-google-tag-manager.jpg\" title=\"New Preview Mode in Google Tag Manager\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"950\" width=\"2568\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/09\/new-preview-mode-google-tag-manager.jpg#ZgotmplZ\" alt=\"New Preview Mode in Google Tag Manager\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>The new preview mode is now integrated into the <strong>Google Tag Assistant<\/strong> ecosystem. If this makes you nervous, I don\u2019t blame you. Over the years, Google Tag Assistant has been lagging behind the development of Google\u2019s tagging tools.<\/p>\n<p>However, with the release of <a href=\"https:\/\/support.google.com\/analytics\/answer\/6277302?hl=en\">Google Tag Assistant recordings<\/a> a few years back, and now with the reimagined preview experience, Google Tag Assistant has suddenly jumped to the foreground when discussing which tools to most rely on for debugging the tags on a given website.<\/p>\n<p>In this article, I\u2019ll walk you through the ins and outs of this new Tag Assistant. It\u2019s not quite perfect yet &#8211; there are still some rough edges. But it\u2019s obvious that Google is pushing a lot of resources to improve the debugging experience, as data quality issues that could be nipped at the bud at collection time are still prevalent across tagging setups.<\/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=\"video\">Video<\/h2>\n<p>Check out the video below for a walkthrough of the new features.<\/p>\n<p>\n  <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/CY0N4xHvuEc?enablejsapi=1\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen=\"\" title=\"YouTube Video\"><\/iframe>\n<\/p>\n<p>If you want to watch the video in YouTube, please follow <a href=\"https:\/\/www.youtube.com\/watch?v=CY0N4xHvuEc\">this link<\/a>.<\/p>\n<h2 id=\"comparison-old-vs-new\">Comparison: old vs. new<\/h2>\n<p>There are obviously some pretty big differences between how preview mode <em>used<\/em> to be done vs. how it\u2019s done with Tag Assistant.<\/p>\n<table>\n<thead>\n<tr>\n<th>Preview mode<\/th>\n<th>Tag Assistant<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Embedded <strong>on the page<\/strong> in an <code><iframe><\/iframe><\/code>.<\/td>\n<td>Contained in its <strong>own window\/tab<\/strong>.<\/td>\n<\/tr>\n<tr>\n<td>Practically impossible to debug <strong>mobile browsers<\/strong>.<\/td>\n<td>Mobile debugging is trivial thanks to the <strong>detached preview interface<\/strong>.<\/td>\n<\/tr>\n<tr>\n<td>State is managed with a <strong>third-party cookie<\/strong>.<\/td>\n<td>State is managed with <strong>first-party storage<\/strong> (cookie and <code>localStorage<\/code>).<\/td>\n<\/tr>\n<tr>\n<td>Shows <code>dataLayer<\/code> interactions for the <strong>current page only<\/strong>.<\/td>\n<td>Shows all API interactions (<code>gtag.js<\/code>, <code>dataLayer<\/code>) for <strong>all the pages<\/strong> navigated to within the previewed site.<\/td>\n<\/tr>\n<tr>\n<td>Designed specifically to be used with <strong>web containers<\/strong>.<\/td>\n<td>Now under the <strong>Tag Assistant<\/strong> suite &#8211; unifies design with <a href=\"https:\/\/www.simoahava.com\/analytics\/server-side-tagging-google-tag-manager\/\">server-side tagging<\/a>.<\/td>\n<\/tr>\n<tr>\n<td>Requires <strong>authentication<\/strong> (e.g. through a shared preview link).<\/td>\n<td>Debugging Google Tag Manager does require authentication, but <code>gtag.js<\/code> API calls and hits can be debugged without.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>If you also have the <a href=\"https:\/\/get.google.com\/tagassistant\/\">Google Tag Assistant browser extension<\/a> installed and active, some <a href=\"#google-tag-assistant-extension\">additional features<\/a> are enabled for debugging.<\/p>\n<p>The following chapters detail the key features of the new Tag Assistant in Google Tag Manager.<\/p>\n<h2 id=\"key-features\">Key features<\/h2>\n<h3 id=\"tag-assistant-preview-interface\">Tag Assistant preview interface<\/h3>\n<p>Instead of a preview <em>pane<\/em> as before, we now have Tag Assistant\u2019s preview interface.<\/p>\n<div style=\"aspect-ratio: 5094 \/ 1264;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-tab.jpg\" title=\"Preview tab\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"1264\" width=\"5094\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-tab.jpg#ZgotmplZ\" alt=\"Preview tab\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>This bears a striking resemblance to the preview mode in <a href=\"https:\/\/www.simoahava.com\/analytics\/server-side-tagging-google-tag-manager\/#preview-and-debug\">server-side tagging<\/a>, and no, this isn\u2019t a coincidence.<\/p>\n<p>The Tag Assistant browser tab is connected to a single <strong>debug window<\/strong> (the page \/ site being previewed). If you have the <a href=\"#google-tag-assistant-extension\">Tag Assistant extension<\/a>, you can debug multiple windows in the same Tag Assistant preview interface.<\/p>\n<p>Tag Assistant collects information <strong>across pages<\/strong>. So even if you reload the debug window or if you navigate from one page to another, Tag Assistant will show all interactions collected from all these pages. This makes parsing <code>dataLayer<\/code> history much easier than before.<\/p>\n<div style=\"aspect-ratio: 2004 \/ 1888;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/navigation-preview.jpg\" title=\"Navigation preview\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"1888\" width=\"2004\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/navigation-preview.jpg#ZgotmplZ\" alt=\"Navigation preview\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>If your site is running both <code>gtag<\/code> (e.g. via Google Analytics 4) and <code>dataLayer<\/code> APIs, you can select the different containers from the drop-down menu in the header.<\/p>\n<div style=\"aspect-ratio: 1170 \/ 390;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/container-selector.jpg\" title=\"Container selector\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"390\" width=\"1170\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/container-selector.jpg#ZgotmplZ\" alt=\"Container selector\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>Depending on the APIs the library uses, you\u2019ll might see different configurations in the preview interface itself. You can jump to the chapter on <a href=\"#gtagjs-integration\">gtag.js integration<\/a> to see how that approach changes what you see in the preview interface.<\/p>\n<p>Apart from these changes, the actual capabilities of Tag Assistant are very similar to what we had before. You can see the API interactions (<code>gtag()<\/code> or <code>dataLayer.push()<\/code>) in the left-hand side navigation.<\/p>\n<p>If you select an <strong>API call<\/strong>, you can see the contents of that call as well as the <strong>Tags<\/strong> (or <strong>Hits<\/strong>), <strong>Variables<\/strong>, <strong>Data Layer<\/strong> contents, and <strong>Errors<\/strong> caused by that message.<\/p>\n<div style=\"aspect-ratio: 3694 \/ 880;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/api-call.jpg\" title=\"API Call\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"880\" width=\"3694\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/api-call.jpg#ZgotmplZ\" alt=\"API Call\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>And similarly, if you open a tag, you can see the settings configured for the tag, as well as details about its triggers and exceptions:<\/p>\n<div style=\"aspect-ratio: 2288 \/ 1484;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/tag-details.jpg\" title=\"Tag details\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"1484\" width=\"2288\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/tag-details.jpg#ZgotmplZ\" alt=\"Tag details\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>The user experience has changed a little and will likely require some getting used to.<\/p>\n<h3 id=\"start-preview\">Start preview<\/h3>\n<p>To start previewing a container, you\u2019ll do exactly as you\u2019ve done before. You can click the <strong>Preview<\/strong> button in the Google Tag Manager user interface to preview the current workspace draft.<\/p>\n<div style=\"aspect-ratio: 1062 \/ 330;\" class=\"figure \">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-button-gtm-ui.jpg\" title=\"Preview the workspace draft.\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"330\" width=\"1062\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-button-gtm-ui.jpg#ZgotmplZ\" alt=\"Preview the workspace draft.\"\/><\/p>\n<p>    <\/a><\/p>\n<p>    <span class=\"caption\">Preview the workspace draft.<\/span><\/p>\n<\/div>\n<p>You can also go to the <strong>Versions<\/strong> tab, choose a version, click the overflow menu, and then <strong>Preview<\/strong> to start previewing a version instead.<\/p>\n<div style=\"aspect-ratio: 2906 \/ 446;\" class=\"figure \">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-via-versions.jpg\" title=\"Preview a version.\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"446\" width=\"2906\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-via-versions.jpg#ZgotmplZ\" alt=\"Preview a version.\"\/><\/p>\n<p>    <\/a><\/p>\n<p>    <span class=\"caption\">Preview a version.<\/span><\/p>\n<\/div>\n<p>Once you click the preview link, a new browser tab will open with the new Tag Assistant interface. It will also automatically pop up an overlay, where you need to input a URL that Tag Assistant will next open the channel for.<\/p>\n<div style=\"aspect-ratio: 1322 \/ 884;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/tag-assistant-start.jpg\" title=\"Start tag assistant\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"884\" width=\"1322\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/tag-assistant-start.jpg#ZgotmplZ\" alt=\"Start tag assistant\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>Unless your site is allergic to arbitrary URL parameters, keep the <code>Include debug signal in the URL<\/code> option checked. This makes establishing the channel <a href=\"#technical-details\">far more reliable<\/a> on most modern browsers.<\/p>\n<p>Once you click <strong>Start<\/strong>, Tag Assistant will first look for a tab or window that you might have previously opened from Tag Assistant and re-establish the preview channel with it. If no such tab or window is found, a new <strong>debug window<\/strong> is opened with the URL you configured.<\/p>\n<p>In the debug window, you should see a new <strong>preview badge<\/strong> appear in the lower corner of the page.<\/p>\n<div style=\"aspect-ratio: 794 \/ 308;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-badge.jpg\" title=\"Preview badge\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"308\" width=\"794\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/preview-badge.jpg#ZgotmplZ\" alt=\"Preview badge\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>The preview badge will look for a channel with Tag Assistant, and if one is found, all Google Tag Manager and gtag.js interactions that happen in the debug window will be relayed to Tag Assistant.<\/p>\n<p>If no channel is found, the preview badge will show an error (<code>No debugger found<\/code>). You can initialize a new Tag Assistant preview process by clicking the <strong>Open debugger<\/strong> button in the badge.<\/p>\n<h3 id=\"share-preview\">Share preview<\/h3>\n<p>You can <strong>share a preview link<\/strong> from two places.<\/p>\n<p>First, there\u2019s the <strong>Tag Assistant<\/strong> overview where all the domains that have been enabled for debugging are listed. By clicking the action menu for a domain, you can choose the <strong>Share<\/strong> option to open the share modal.<\/p>\n<div style=\"aspect-ratio: 1984 \/ 686;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2021\/02\/share-preview-1.jpg\" title=\"Share Preview in Tag Assistant overview\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"686\" width=\"1984\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2021\/02\/share-preview-1.jpg#ZgotmplZ\" alt=\"Share Preview in Tag Assistant overview\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>The other option is to share it directly from the Tag Assistant preview window when debugging a website. In this case, select the overflow menu in the top corner of the debug window and choose <strong>Share<\/strong>.<\/p>\n<div style=\"aspect-ratio: 1526 \/ 580;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2021\/02\/share-preview-2.jpg\" title=\"share-preview-2.jpg\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"580\" width=\"1526\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2021\/02\/share-preview-2.jpg#ZgotmplZ\" alt=\"share-preview-2.jpg\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>In both cases, the Share modal opens.<\/p>\n<div style=\"aspect-ratio: 1310 \/ 960;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2021\/02\/share-modal.jpg\" title=\"Share Modal\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"960\" width=\"1310\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2021\/02\/share-modal.jpg#ZgotmplZ\" alt=\"Share Modal\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>In the Share modal, you can add a URL which is then auto-filled into the preview mode settings when someone clicks the shared link.<\/p>\n<p>In the <strong>Choose tags to debug<\/strong> option you can select either <strong>Global site tags (gtag.js)<\/strong> (always available), or <strong>Global site tags (gtag.js) + GTM-XXXXXX<\/strong> (available if you\u2019ve enabled that container for preview in your computer).<\/p>\n<p>If you want the person who receives the link to be able to debug GTM tags, triggers, and variables, you <strong>must<\/strong> share the latter link. Sharing only the gtag.js link will allow the user to debug outgoing hits (as this doesn\u2019t require authentication), but they will not be able to see what happens in GTM.<\/p>\n<p>If you want to share preview for <strong>a version<\/strong>, you\u2019d do exactly as you\u2019ve done before. Go to the <strong>Versions<\/strong> tab in the Google Tag Manager user interface, choose the version whose preview you want to share, and then click the <strong>Share Preview<\/strong> link in the overflow menu.<\/p>\n<div style=\"aspect-ratio: 1080 \/ 764;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/share-version-preview.jpg\" title=\"Share version preview\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"764\" width=\"1080\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/share-version-preview.jpg#ZgotmplZ\" alt=\"Share version preview\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>Share this URL with someone else and they\u2019ll be able to establish Tag Assistant\u2019s preview mode with the version you shared.<\/p>\n<h3 id=\"quit-preview\">Quit preview<\/h3>\n<p><strong>If the preview connection is alive<\/strong>, meaning the debug window is sending data to Tag Assistant, you can <strong>quit<\/strong> preview mode in one of two ways:<\/p>\n<ol>\n<li>Click the <strong>X<\/strong> in the top-left corner of a Tag Assistant tab.<\/li>\n<li>Close the <strong>preview badge<\/strong> while browsing the site in a debug window.<\/li>\n<\/ol>\n<div style=\"aspect-ratio: 2022 \/ 872;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/stop-debugging.jpg\" title=\"Stop debugging\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"872\" width=\"2022\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/stop-debugging.jpg#ZgotmplZ\" alt=\"Stop debugging\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>When you click to stop debugging via Tag Assistant, you can choose whether to keep the domain enabled for debugging or not. If you choose to <strong>not<\/strong> keep the domain enabled, Tag Assistant will signal the site to delete the first-party <code>__TAG_ASSISTANT<\/code> cookie and sever the connection until a new one is established via Tag Assistant.<\/p>\n<p>If you <strong>do<\/strong> choose to keep the connection alive, it just means that the first-party cookie is not deleted. As long as you <strong>don\u2019t close the debug window<\/strong>, you can always re-establish preview mode through Tag Assistant.<\/p>\n<div style=\"aspect-ratio: 2004 \/ 566;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/domains-list.jpg\" title=\"Domains list\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"566\" width=\"2004\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/domains-list.jpg#ZgotmplZ\" alt=\"Domains list\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>If you try to exit preview mode via Tag Assistant and there <strong>is no active connection<\/strong> with a debug window, then the first-party cookie is not deleted. In this scenario, you need to visit the site and close the preview badge to clear the first-party cookie.<\/p>\n<h3 id=\"google-tag-assistant-extension\">Google Tag Assistant extension<\/h3>\n<p>There\u2019s an issue with some browsers (e.g. Chrome) that requires Tag Assistant to open the debug window in a new browser window rather than a browser tab.<\/p>\n<p>Specifically, if the user types something into the URL bar of the debug window, the <code>window.postMessage<\/code> channel is severed, and debugging will no longer work even if the user returns to the site being debugged.<\/p>\n<p>For this reason, Tag Assistant opens the debug site in a browser window, as the pop-up allows it to make the URL bar inaccessible. The other benefit of having a dedicated browser window is that <strong>you have a dedicated browser window<\/strong> just for debugging a site. This makes it less likely that you\u2019ll unintentionally sever the connection.<\/p>\n<p>While this makes debugging simple, it might not be the preferred flow for some users. For instance, it\u2019s not possible to do (Google Chrome) mobile emulation in a browser window like this, and utilizing developer tools can be a bit annoying as they are opened in yet another window by default.<\/p>\n<p>Luckily, if you use the <a href=\"https:\/\/get.google.com\/tagassistant\/\"><strong>Google Tag Assistant browser extension<\/strong><\/a>, this limitation is lifted.<\/p>\n<blockquote>\n<p>Using the Tag Assistant extension is <strong>not required<\/strong> but is <strong>recommended<\/strong>.<\/p>\n<\/blockquote>\n<p>If the browser has the extension, Tag Assistant will detect it and automatically use it to enhance the preview experience. The following features are enabled as a result.<\/p>\n<ul>\n<li>You can debug multiple windows in a single Tag Assistant instance.<\/li>\n<li>You can debug content in iframes.<\/li>\n<li>You can open debug windows in tabs instead of pop-up windows.<\/li>\n<\/ul>\n<p>The Tag Assistant extension integration works automatically. As long as you have Tag Assistant enabled in your browser, the preview interface will make note of this and apply the enhancements automatically.<\/p>\n<p>The most significant enhancement is, of course, that the debug window is opened in a <strong>browser tab<\/strong> rather than a window itself.<\/p>\n<div style=\"aspect-ratio: 1360 \/ 868;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/assistant-browser-tab.jpg\" title=\"Tag Assistant in a browser tab\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"868\" width=\"1360\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/assistant-browser-tab.jpg#ZgotmplZ\" alt=\"Tag Assistant in a browser tab\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>Running in a browser tab also enables debugging via <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/device-mode\">mobile emulation<\/a>.<\/p>\n<div style=\"aspect-ratio: 1828 \/ 1662;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/mobile-emulation.jpg\" title=\"Mobile emulation\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"1662\" width=\"1828\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/mobile-emulation.jpg#ZgotmplZ\" alt=\"Mobile emulation\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>None of these enhancements really degrades the experience at all (I wouldn\u2019t call them <em>enhancements<\/em> if they did), so using the Tag Assistant extension when working with the new preview experience is practically mandatory, in my opinion.<\/p>\n<h3 id=\"gtagjs-integration\">gtag.js integration<\/h3>\n<p>Tag Assistant can <strong>automatically<\/strong> debug all the hits collected with the <a href=\"https:\/\/developers.google.com\/analytics\/devguides\/collection\/gtagjs\">Global Site Tag<\/a>.<\/p>\n<p>In this case, the Preview interface simply shows the <code>gtag()<\/code> API calls and all the hits dispatched by <code>gtag.js<\/code>. Because of this, you can use the Tag Assistant debugger for <code>gtag.js<\/code> hits <strong>without having to authenticate<\/strong> or anything.<\/p>\n<p>For example, a simple way to initiate a new Tag Assistant preview channel for a site running <code>gtag.js<\/code> is to load a page on the site with <code>gtm_debug=x<\/code> in the URL. This pops up the preview badge, where you can then click <strong>Open debugger<\/strong> to start a new preview instance.<\/p>\n<div style=\"aspect-ratio: 946 \/ 312;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/no-debugger-found.jpg\" title=\"No debugger found\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"312\" width=\"946\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/no-debugger-found.jpg#ZgotmplZ\" alt=\"No debugger found\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>After adding the site to the list of domains to debug, a new browser tab is opened with the debug window, and you can proceed to use Tag Assistant to debug all the <code>gtag()<\/code> API calls and hits that happen in the debug window.<\/p>\n<div style=\"aspect-ratio: 1536 \/ 528;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/gtag-js-preview.jpg\" title=\"gtag.js preview mode\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"528\" width=\"1536\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/gtag-js-preview.jpg#ZgotmplZ\" alt=\"gtag.js preview mode\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>API calls made with <code>gtag()<\/code> appear in the list of messages, and you can see what was actually called by expanding the API call itself.<\/p>\n<div style=\"aspect-ratio: 1990 \/ 992;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/gtag-api.jpg\" title=\"API call for gtag()\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"992\" width=\"1990\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/gtag-api.jpg#ZgotmplZ\" alt=\"API call for gtag()\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>The <strong>Hits sent<\/strong> will display all the calls to Google servers that were initiated with these API calls. You can see the list of parameters and values (in human-readable format) by clicking one the sent hits.<\/p>\n<div style=\"aspect-ratio: 2334 \/ 1518;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/hits-sent-window.jpg\" title=\"Hits sent\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"1518\" width=\"2334\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/hits-sent-window.jpg#ZgotmplZ\" alt=\"Hits sent\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>This is very interesting, as you can now use Tag Assistant\u2019s preview interface for debugging sites for where you don\u2019t actually have access to Google\u2019s tools. In this way, the Tag Assistant interface is acting more like your typical developer tools, except it can show you more details about the hits in human-readable format than what you\u2019d get by just looking at the network requests.<\/p>\n<p>It\u2019s a nice enhancement to have, and being able to quickly switch between debugging a Google Tag Manager container vs. the <code>gtag.js<\/code> implementation is very useful, indeed.<\/p>\n<h2 id=\"technical-details\">Technical details<\/h2>\n<p>For Tag Assistant to be able to preview a <strong>Google Tag Manager container<\/strong>, a <strong>version has to be published first<\/strong>. It\u2019s no longer to possible to preview a container that doesn\u2019t have a published version.<\/p>\n<p>When the site loads a container that is in preview mode, it first loads the container itself (this is why it requires a published version), after which the browser loads a special <strong>debug<\/strong> version of the container:<\/p>\n<div style=\"aspect-ratio: 1742 \/ 230;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/debug-version-container.jpg\" title=\"Debug version of the container\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"230\" width=\"1742\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/debug-version-container.jpg#ZgotmplZ\" alt=\"Debug version of the container\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>To determine if a window should be in debug mode, Tag Assistant uses one or more of <strong>three<\/strong> signals to establish whether or not a debug window should be enabled for previewing:<\/p>\n<ol>\n<li>The <code>gtm_debug=x<\/code> parameter is in the page URL (controlled by the <strong>Include debug signal in the URL<\/strong> checkbox).<\/li>\n<li>The <strong>referrer<\/strong> is <code>https:\/\/tagassistant.google.com<\/code>.<\/li>\n<li>A first-party cookie (<code>__TAG_ASSISTANT<\/code>) is set on the domain being previewed.<\/li>\n<\/ol>\n<p>(1) and (2) will cause the <code>__TAG_ASSISTANT<\/code> first-party cookie to be written on the site. All three will result in the preview badge appearing in the corner of the page.<\/p>\n<blockquote>\n<p>Remember to add <code>tagassistant.google.com<\/code> to your Google Analytics <strong>referral exclusion list<\/strong> to avoid preview mode starting a new session.<\/p>\n<\/blockquote>\n<p>When the badge is displayed, the page will look for an open channel to a Tag Assistant preview interface. As long as the site has the first-party cookie, the badge will display and actively search for and interact with a Tag Assistant interface.<\/p>\n<p>Moving to <strong>first-party storage<\/strong> is a huge benefit in today\u2019s <a href=\"https:\/\/www.cookiestatus.com\/\">third-party-cookie-blocking browser world<\/a>.<\/p>\n<p>With GTM\u2019s old preview mode, state was maintained with a third-party cookie, which meant that the user had to implement awkward and time-consuming hacks to make preview mode work properly on <a href=\"https:\/\/www.simoahava.com\/gtm-tips\/enable-preview-mode-safari-browser\/\">Safari<\/a> and even on <a href=\"https:\/\/www.simoahava.com\/gtm-tips\/fix-preview-google-chrome-incognito-mode\/\">Google Chrome\u2019s Incognito mode<\/a>.<\/p>\n<div style=\"aspect-ratio: 2140 \/ 450;\" class=\"figure \">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/third-party-cookies.jpg\" title=\"Third-party cookies in the old Preview mode.\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"450\" width=\"2140\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/third-party-cookies.jpg#ZgotmplZ\" alt=\"Third-party cookies in the old Preview mode.\"\/><\/p>\n<p>    <\/a><\/p>\n<p>    <span class=\"caption\">Third-party cookies in the old Preview mode.<\/span><\/p>\n<\/div>\n<p>With the <strong>new<\/strong> Tag Assistant, state is no longer managed with third-party storage. Instead, Tag Assistant now utilizes two components to make the transmission of information from the debug window to Tag Assistant work:<\/p>\n<ol>\n<li>A first-party cookie named <code>__TAG_ASSISTANT<\/code> tells the Google Tag Manager and gtag.js libraries to actively look for an open channel to Tag Assistant.<\/li>\n<li>If a channel is found or established, information is transmitted with <code>window.postMessage<\/code>.<\/li>\n<\/ol>\n<blockquote>\n<p>Tag Assistant itself maintains the list of domains available for debugging with <code>window.localStorage<\/code>.<\/p>\n<\/blockquote>\n<p>The <code>window.postMessage<\/code> channel is created when the person doing the previewing clicks to <strong>connect a window<\/strong> to Tag Assistant:<\/p>\n<div style=\"aspect-ratio: 1454 \/ 696;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/connected-window.jpg\" title=\"Connected window\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"696\" width=\"1454\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/connected-window.jpg#ZgotmplZ\" alt=\"Connected window\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>In other words &#8211; for Tag Assistant to be able to listen for events from a debug window, that debug window needs to have been opened via the Tag Assistant interface.<\/p>\n<div style=\"aspect-ratio: 2184 \/ 648;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/tag-assistant-interface.jpg\" title=\"Tag Assistant interface\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"648\" width=\"2184\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/tag-assistant-interface.jpg#ZgotmplZ\" alt=\"Tag Assistant interface\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>If you try to open a browser tab for a page that has the <code>__TAG_ASSISTANT<\/code> cookie but has <em>not<\/em> been opened via Tag Assistant, you\u2019ll see the page search for an open preview mode channel, only to report that no such channel was found.<\/p>\n<div style=\"aspect-ratio: 946 \/ 312;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/no-debugger-found.jpg\" title=\"No debugger found\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"312\" width=\"946\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/no-debugger-found.jpg#ZgotmplZ\" alt=\"No debugger found\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>If Tag Assistant is connected to a window or tab, you\u2019ll see the tab icon reflect this. The Tag Assistant tab will show a pulsating tag icon pointing to the right. If you\u2019ve also got a debug window running in a tab, this tab will show a tag icon pointing to the left, together with a color indicator that is used to identify the hits from this debug window in Tag Assistant.<\/p>\n<div style=\"aspect-ratio: 1360 \/ 868;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2020\/10\/assistant-browser-tab.jpg\" title=\"Tag Assistant in a browser tab\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"868\" width=\"1360\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2020\/10\/assistant-browser-tab.jpg#ZgotmplZ\" alt=\"Tag Assistant in a browser tab\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>It\u2019s a lot to digest, but the important part to understand is that everything works with first-party storage now. This makes previewing <em>far<\/em> more reliable than before.<\/p>\n<p>The other thing to remember is that a window can only be debugged if it was initially opened via Tag Assistant. So if you find Tag Assistant not working or the preview badge in the debug window not finding a connection, you\u2019ll need to go back to Tag Assistant and connect a new debug window.<\/p>\n<h2 id=\"things-to-look-forward-to\">Things to look forward to<\/h2>\n<p>This is a fairly large feature update to Google Tag Manager, and it will take some time for the dust to settle.<\/p>\n<p>As everything runs in Tag Assistant now, there are some interesting possibilities ahead.<\/p>\n<ul>\n<li>\n<p>It would be great to see end-to-end debugging with Tag Assistant, where the Google Analytics integration could be included in the debug process. That way you could see the full funnel of data from a <code>dataLayer.push<\/code> (or <code>gtag()<\/code> call) all the way to the data being processed in Universal Analytics or Google Analytics 4.<\/p>\n<\/li>\n<li>\n<p>Similar to server-side tagging, being able to see the outgoing request summaries in Tag Assistant would be nice. Now we need to use developer tools or browser extensions to achieve the same.<\/p>\n<\/li>\n<li>\n<p>This might sound blasphemous, but it wouldn\u2019t hurt to still have access to the old debug pane. Don\u2019t get me wrong &#8211; having the debugger in its own window is an excellent evolution, but there might be times where I want to have everything tucked neatly on the page I\u2019m debugging, rather than having to shuffle between two different windows (multi-screen office setups win here big time).<\/p>\n<\/li>\n<\/ul>\n<p>There are lots of possibilities here. I suspect most of the feature releases in the near future will revolve around making Tag Assistant a more unified experience across all Google products.<\/p>\n<h2 id=\"summary\">Summary<\/h2>\n<p>The renewed preview experience in Google Tag Manager is a lot to digest. The docked preview mode has been a staple of Google Tag Manager, for good and bad, so this is in many ways a very turbulent evolution.<\/p>\n<p>Just imagine all the screenshots that bloggers and course instructors need to redo because of this!<\/p>\n<p>In my book, this is a <strong>very welcome change<\/strong>. Being able to separate the debugger from the \u2026 <em>debuggee<\/em> \u2026 has to be one of the most requested features for Google Tag Manager.<\/p>\n<p>The integration with the Tag Assistant extension is also an excellent idea, although I\u2019m a bit worried a lot of the best features will be hidden behind this dependency. Even though it\u2019s optional, the ability to debug multiple windows, to open the debugger in a tab rather than a window, and to easily use the debugger in mobile emulation mode render the extension practically mandatory.<\/p>\n<p>I\u2019m particularly enamored with the move away from third-party cookies to first-party storage. Not only does this make debugging more robust across modern browsers, it also makes it more resilient against browser extensions that specifically target third-party cookies.<\/p>\n<p>I can\u2019t wait to see what the next iterations of the revamped Tag Assistant preview experience introduce in their wake!<\/p>\n<p>What do you think about this change? What would you like to see in future versions of Tag Assistant?<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Last updated 12 February 2021: Clarified how Preview is shared. Your favorite tagging platform, Google Tag Manager, now comes equipped with a completely revamped preview mode experience. Gone are the days of having to minimize the debug pane to prevent it from hogging up screen real estate on the website. Gone are the days of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":79405,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12033],"tags":[28047,1531,14495,1430,5079,1791],"dealstore":[],"offerexpiration":[],"class_list":["post-79404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analytics","tag-assistant","tag-google","tag-manager","tag-mode","tag-preview","tag-tag"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tag Assistant Preview Mode 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=79404\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tag Assistant Preview Mode In Google Tag Manager - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"Last updated 12 February 2021: Clarified how Preview is shared. Your favorite tagging platform, Google Tag Manager, now comes equipped with a completely revamped preview mode experience. Gone are the days of having to minimize the debug pane to prevent it from hogging up screen real estate on the website. Gone are the days of [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=79404\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-10T07:36:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"947\" \/>\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=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=79404#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=79404\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Tag Assistant Preview Mode In Google Tag Manager\",\"datePublished\":\"2025-02-10T07:36:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=79404\"},\"wordCount\":3237,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=79404#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg\",\"keywords\":[\"Assistant\",\"Google\",\"Manager\",\"Mode\",\"Preview\",\"TAG\"],\"articleSection\":[\"Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=79404#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=79404\",\"url\":\"https:\/\/fivemor.com\/?p=79404\",\"name\":\"Tag Assistant Preview Mode In Google Tag Manager - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=79404#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=79404#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg\",\"datePublished\":\"2025-02-10T07:36:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=79404#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=79404\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=79404#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg\",\"width\":2560,\"height\":947},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=79404#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tag Assistant Preview Mode 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":"Tag Assistant Preview Mode 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=79404","og_locale":"en_US","og_type":"article","og_title":"Tag Assistant Preview Mode In Google Tag Manager - Som2ny Network","og_description":"Last updated 12 February 2021: Clarified how Preview is shared. Your favorite tagging platform, Google Tag Manager, now comes equipped with a completely revamped preview mode experience. Gone are the days of having to minimize the debug pane to prevent it from hogging up screen real estate on the website. Gone are the days of [&hellip;]","og_url":"https:\/\/fivemor.com\/?p=79404","og_site_name":"Som2ny Network","article_published_time":"2025-02-10T07:36:50+00:00","og_image":[{"width":2560,"height":947,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=79404#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=79404"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Tag Assistant Preview Mode In Google Tag Manager","datePublished":"2025-02-10T07:36:50+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=79404"},"wordCount":3237,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=79404#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg","keywords":["Assistant","Google","Manager","Mode","Preview","TAG"],"articleSection":["Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=79404#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=79404","url":"https:\/\/fivemor.com\/?p=79404","name":"Tag Assistant Preview Mode In Google Tag Manager - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=79404#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=79404#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg","datePublished":"2025-02-10T07:36:50+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=79404#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=79404"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=79404#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/new-preview-mode-google-tag-manager-scaled.jpg","width":2560,"height":947},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=79404#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Tag Assistant Preview Mode 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\/79404","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=79404"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/79404\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/79405"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=79404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=79404"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=79404"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=79404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}