June 29, 2020
Is Google Tag Manager Preview Mode Not Working? 18 Quick Ways To Fix It.
Updated: June 29th, 2020. Is Google Tag Manager Preview Mode not working? I’m pretty sure we’ve all been there at least once. This issue has caused some serious headaches in the very beginning when I started using it. Does this sound familiar to you? – GTM Preview and Debug mode is enabled but does not appear on your website (or appears, but does not function properly). Just don’t rage quit and read the following tips on how to fix Google Tag Manager Preview and Debug mode. I’m sure at least one of them will apply to your issue.
Read this before we continue!
If you refresh the page where you have enabled the GTM preview and debug mode or if you click the link that redirects you to another page, the Google Tag Manager preview and debug mode will refresh together with the page and everything that was tracked with it will be lost.
Such behavior is expected. This is not a bug.
If you want to prevent the debug console from refreshing (in other words, the main page from redirecting/refreshing), try one of these methods.
IMPORTANT: if you have just gtag.js is NOT a Google Tag Manager code. If you have only gtag.js added to a page, Google Tag Manager will not work. You need to explicitly add the GTM container snippets to the site’s source code.
#1. GTM Snippet is Not Added to the Website
Here’s an example: you asked a developer to follow Tag Manager’s instructions and add container snippet to the website. After some time he completes the task but something’s not right here – Preview and Debug console still does not appear after you enable it. Turns out the snippet was never published to the live version of your website – a developer made a gawky mistake and somehow failed to publish changes.
There are two ways to verify whether the GTM snippet implementation:
- Use the Tag Assistant Chrome extension which checks for Google pixels on the page (e.g. Google Analytics, Adwords, Google Tag Manager) and provides real-time feedback.
- Check the website’s source code. Click Ctrl + U (I guess it’s CMD + U for Mac users?) in your browser and look for GTM container code there.
#2. Wrong or Incorrect Container Snippet Added to the Website
Although this tip might sound silly, you should not ignore it. In order to verify, open your GTM account and check the upper right corner of the screen – see GTM container ID?. Compare it with the one which is added to your website’s source code.
Compare it with the one which is added to your website’s source code. Tag Assistant will help you do that.
Also, keep in mind that you or your developers should not modify the GTM container snippet. It must be added to the site exactly as you have copied it from the GTM interface.
#3. You Have Enabled GTM Preview and Debug Mode in the Wrong Container
The more Google Tag Manager accounts and containers you have, the bigger the chance you’ll eventually make this mistake. I have been there more than once and it keeps getting more and more frustrating every time. So do not forget to double-check whether the container is right. You can follow the method described in tip #2.
#4. You Need To Use The Same Browser
When Preview and Debug mode is enabled, GTM sends your browser a special cookie that allows you to preview without changing your actual site. You’ll get to see your site with your changes as if they were deployed. That’s why both Google Tag Manager account interface (which sets the cookie) and website with P&D mode enabled (which reads cookie’s data) must be opened in the same browser.
Here are a few examples of what might and might not work:
- Will work – Both Google Tag Manager account and your website are opened in Chrome’s regular tab.
- Won’t work – GTM account is opened in Chrome’s regular tab, but your website is opened in incognito (a.k.a. private) tab.
- Won’t work – GTM account is opened with Firefox and your website is opened with Chrome.
#5. Make Sure Your Browser Accepts 3rd Party Cookies
Some users are really concerned about their online presence and security, so they’ve decided to disable 3rd party cookies. In some occasions, browser’s default settings might have 3rd party cookies disabled. Remember that “special” cookie mentioned in tip #4? Yup, that’s also a 3rd party cookie. Without it, Preview and Debug mode will not appear on your website. You have two options here:
- Enable 3rd party cookies in your browser’s settings. Here’s a list of instructions how to start accepting those cookies in various browsers.
- Keep 3rd party cookies disabled, but add an exception to www.googletagmanager.com
#6. Using Tag Manager Injector? Leave No Empty Space
If you haven’t used Tag Manager Injector chrome extension before, you definitely should. It makes the transition to Google Tag Manager as quick and painless as possible. The extension gives you the ability to run/preview a GTM container on your site without needing to add any JavaScript to your pages. You just open the extension and paste your GTM container’s ID into the predefined field. 
However, there is one bug. You need to paste that ID precisely without any blank spaces before or after, otherwise TagManajerInjector will not work => Preview and Debug console will not appear in your browser. Examples:
- ” GTM-XXXXX” is incorrect (because there is a blank space before GTM container’s ID)
- “GTM-XXXXX ” is also incorrect for the same reason – blank space, but this time it’s after container’s ID.
- “GTM-XXXXX” is the only correct option.
Unfortunately, this extension does not strip unnecessary blank spaces in the ID field (well, at least for now), so you should bear that in mind.
#7. Using Tag Manager Injector? Check its settings.
Another awesome feature of TagManagerInjector is the ability to inject Google Tag Manager snippet only on certain websites – just use include settings and define a domain or regular expression.
However, there’s also a room for mistake. Leave this setting unattended and you might end up blocking the right website from displaying Preview and Debug Console. So make sure you’ve added correct rules or leave the field blank (which is a default setting for “Include all websites”).
#8. Enabled Preview and Debug mode? Then Refresh the Website
Not much to add here, actually. Whenever you enable P&D mode, refresh the website where you expect it to appear. This is a very rare but still possible mistake among beginners.
#9. Preview and Debug Mode Is All White?
In some cases, your Preview mode might look like this (thanks to Raphael for the screenshot).
See the whitespace at the bottom of the image? That’s where the GTM preview mode was supposed to appear.
In some cases, disabling plugins in the browser might help. The issue might also be caused by the conflict between your website’s CSS and GTM.
According to Simo Ahava, when GTM loads the Preview and Debug panel on the website, style conflicts might arise if they share the same namespace. In other words – if particular elements on your website use the same style class (e.g. div class=”gtm-some-class”), then problems might occur while debugging.
If this happens, your best bet is to contact the developer team via the Send Feedback link in the UI, or by posting the issue in the Product Forums.
#10. Preview Panel Appears Only After ~10 Minutes And Multiple Refreshes
Update #2: Several people in the comments have complained that Preview and Debug panel randomly did not appear in the website, although both container and webpage had been refreshed. It usually took them about 10 minutes of wait until Google Tag Manager P&D panel started working again. P.S. No Javascript errors were logged in the browser’s console.
I am still not sure what’s the reason behind it (looks like the issue with cookies), but I noticed that clearing/temporarily disabling cache helped. I am sure that you really don’t want to clear cache several times a day.
Update #3: Brian Kuhn has explained what caused this issue:
Chrome has recently changed the way its location.reload() API works. This has broken GTM’s ability to clear out the old (non-preview) gtm.js from your browser cache. The result is that you won’t see the preview-version of gtm.js until that cached value expires (~15 minutes).
No worries, I have a pretty convenient way of solving it.
The following step-by-step tutorial is for Chrome users. If you’re using another browser – search for similar features. I am pretty sure other browsers offer similar functionality.
- In Chrome, open Developer Tools (Press F12 on Windows or Cmd + Opt + I on Mac, or simply go to Chrome Menu > More tools > Developer Tools and a panel will appear.
- Click three dots located in the right corner (1) and then choose Settings (2).
- Find the Network section and hit the Disable cache (while DevTools is open) checkbox.
- Now, refresh both browser tabs – with GTM user interface and your website (leave the Developer tools opened).
In my case, it helped and the Google Tag Manager P&D panel appeared. Now you can close the Developer tools panel.
If the issue resurfaces, just open Developer tools and refresh browser tab. That should do the trick.
Did it help? Let me know in the comments.
#11. Cannot Resize Preview and Debug Console?
I am not sure what the exact reason behind this bug is, but it’s pretty annoying when appears. Google Tag Manager P&D console can be easily resized by dragging the top border up or down. It’s a basic but very useful feature. However, sometimes I face the problem when I try changing the P&D console’s height, but it doesn’t adjust. Clearing browser cookies and the cache was the solution that helped me.
#12. Your AdBlocker or Other Similar Extension Is Blocking GTM
Call it a feature or symptom of today’s web browsing behavior, but ad and content blockers are making the life for web analysts difficult. Firefox, for example, offers Tracking Protection out-of-the-box, and it blocks Google Analytics by default.
Popular browser extensions like Ghostery and AdBlock Plus make it easy to block Google Tag Manager, too. So if you’re using one of the blockers, try disabling them and see, whether it helped. The same problem applies to extensions which block trackers, e.g. Avira Browser Safety, Ghostery, or DuckDuckGo Privacy. So if you want to see the debug panel, you’ll need to disable the extension.
This does not happen too often, but there’s still a chance.
#13. Cloudflare Is Altering the Way GTM.JS Is Loaded
This tip comes from our reader Chris.
A Content Delivery Network or CDN is designed to cache the static content on sites through a wide geographic network. The end result of using the CDN is that the static content will be delivered faster to the visitor from the network node in closest proximity to the visitor, thereby shortening the amount of time it takes the page load for your site’s visitors.
CDN also affects how JavaScript is pulled and gtm.js (Google Tag Manager’s JS library) isn’t an exception. If you’re using Cloudflare (a very popular CDN solution), make sure you have the feature called Rocket Loader disabled. I highly recommend consulting your developer about this issue.
#14. Content Security Policy Is Blocking GTM Scripts from Loading
A Content Security Policy (CSP) is something your developers might configure a web server with to add an additional layer of protection. Once you have a CSP in place, all resources loaded and executed by the web page need to pass the CSP directives (including Google Tag Manager’s script).
If Preview and Debug mode does not appear at all or appears without its usual styles, and you see errors in developer’s console saying something like “Refused to load […] because it violates the following Content Security Policy directive ….“, then you’ve just found the reason why GTM isn’t working.
What’s the solution? A developer will have to modify the CSP and Simo Ahava has explained it in greater detail.
#15. You’re Working with Firefox Private Mode
Unfortunately, Firefox private mode blocks Google Tag Manager. So in this case, you should quit the private mode and browse with a regular mode.
#16. GTM code was accidentally modified while copy/pasting it to the developer
This situation happens when you want to send the GTM container code to a developer, copy it from tag manager’s interface, then paste it to some word file (maybe Google Docs or some other text editing tool) and then send the code to a developer.
Little did you know that the text editing tool “fixed” the container code according to certain grammar rules, maybe removed or added some spacing, changed apostrophes, etc.
Even though the code looks the same (at first sight), it won’t work (meaning that your Preview and Debug mode also won’t appear).
Here’s an example. On a website, a developer added GTM container snippet. However, if you take a closer look at apostrophes (in the screenshot below), they look wrong.
In JavaScript, apostrophes must be ‘ ‘, but in the screenshot below they are ‘ ’. Similar, but not the same.
A solution to this? Copy the GTM container code in the GTM interface and paste it to the .txt file (e.g. via Notepad), save the file and then send it to a developer. An alternative solution would be to copy the code and paste it to pastebin.com. Save the paste and then forward the link to a developer. When a dev opens the link, he/she will see the raw/unmodified code.
#17. The configuration of Flags in Chrome
This chapter is valid in early 2020 (before February 4th). One of the experimental features is the sameSite cookie changes that also affect GTM’s Preview and Debug mode (until GTM’s developers will update their codebase responsible for setting 3rd party cookies).
Anyway, here’s what you could try:
- In the address bar of your Chrome Browser enter the following address chrome://flags/
- Then in the search bar enter enable-experimental-web-platform-features
- If it is enabled, disable it.
- After that, completely exit Chrome
- Launch Chrome once again and see if this helped.
If that did not help, stay on that very same page of Flags. try searching for same-site-by-default-cookies and cookies-without-same-site-must-be-secure. They should be set to Default. If that still does not help, set those settings to Disabled.
#18. You’re using Chrome’s Incognito Mode
Starting with Chrome 83.x version, Google Chrome’s incognito mode starts blocking all 3rd party cookies. As it was mentioned several times in this blog post, Google Tag Manager preview mode is also using them.
To fix this issue, enter chrome://settings/cookies in your Chrome’s address bar and scroll down to find Sites that can always use cookies.
Click Add, enter [*.]googletagmanager.com , and click save. If this does not work, restart the Chrome browser.
GTM Preview Mode Not Working: Conclusion
Google Tag Manager’s preview mode allows you to browse a site on which your container code is implemented as if the current container draft was deployed. Sites with preview mode enabled will display a debugger pane below the website content so that you can inspect which tags fired and in which order. A thorough previewing and debugging process will help you avoid the risk of compromising your live site with tagging issues.
Is Google Tag Manager preview mode not working for you? In this blog post, I outlined 18 quick tips on how you can make the preview and debug mode start working right away – from checking your cookie settings to using Tag Assistant.
If Google Tag Manager Preview mode is still not working for you (even after reading this blog post), post a comment below and we’ll come up with a solution.
I have also published a post on the most common Google Tag Manager mistakes (some of which were mentioned in this post as well). I might save you some time in the future 🙂
92 COMMENTS
Hi,
Good article! I've also noticed that if you have a custom html tag that's also is in the sourcecode of the page the debug window does not show. E.g. Zopim Live Chat script.
BR Daniel
Haven't noticed that before. I will try to reproduce this bug and add it to the list, in case the test is successful.
Thanks for the idea, Daniel!
Daniel... i was breaking up my head trying to find out why im facing this problem. Now you mention "Zopin" and everything makes sense... :|
thanks.
just found that our website has a whitelist of scripts that are allowed access and the gtm debug script was not on the list so didn't appear....
hope this helps someone
Thanks for the update!
Hey,
Nr. 10 worked perfectly. And the description of the problem also applied. Thank you!
I have another problem, though, that you might know the answer to..?
Since last Friday the GTM website itself runs super slow and it takes up to 30+ seconds to open Tag/Trigger/Variable setup. Is this maybe related to the change you mentioned in Nr. 10? Also see this thread:
https://productforums.google.com/forum/#!topic/tag-manager/M6Mq3lIAU24;context-place=forum/tag-manager
Not sure if that issue is related to tip #10. To be honest, tags, triggers, etc. work fine for me. So it's difficult to say, what's causing your problem.
Hi,
Great list, would like to suggest one more. There was a new version of Chrome available and I just noticed it this morning. Updating and relaunching was the simple fix.
Thanks,
Jeremy
Hey, GTM preview all of the sudden stopped working, I suspect it was after the last update. Nothing is happening when entering into preview mode. Used it loads before so no rookie mistakes. Tried #10 but it didn't do the trick, unfortunately. Using latest version of Chrome, doble checked. Hope you'll find a way to fix it. :) Cheers, Rie
Hey, I still cannot reproduce your bug. But I noticed that the number of complaining GTM users has dramatically decreased.
So I guess that Google implemented a solution for this issue. Please check if you see the Preview and Debug console.
Im in the same boat and I have tried all the tips, hope this gets fixed soon.
Turns out my problem was related to Cloudflare as this changed how the JS snippet was being pulled in. I changed to setting to optimise JavaScript and the preview mode started working.
Awesome tip! I'll include it in the blog post. Could you tell me where can I find this setting within CloudFlare (or what exact changes did you do)? Thanks!
I am using the W3ToalCache WordPress plugin and there is an integration with Cloudflare. The setting is within the W3ToalCache plugin in WP under extensions -> W3TC Settings -> Content Processing -> Then turn off "Rocket Loader". Having this setting on caused the GTM script to be surrounded in an alternative tag that affected the GTM preview mode. More information on this feature can be found here: https://support.cloudflare.com/hc/en-us/articles/200168056-What-does-Rocket-Loader-do-
Unfortunately I couldn't get rocket loader working in tandem with GTM by following their instructions as this should improve page performance. If anyone else can get it working I am sure it will help a lot of people.
Thanks! This is incredibly helpful. I'll update the blog post asap.
#12 for me
I just want to add, none of tips worked for me, but it gave me an idea to disable Avira Browser Safety on Chrome, it blocks Trackers, so that was the reason. Thanks for the post and add this to the list to help others.
Cheeeeers
Thanks, Matas! I have updated the post.
Cheers
Julius
Hello,
Thanks for this wonderful block. I can´t see more then 3 events in my event timeline, when I click links and more. I activate all variables, refresh and more. I try this before, but usually i work after some time. What can I do to activate this?
Thanks in advance
Hey, in order to track more than pageviews, you need to enable triggers first. Enabling variables is not enough. If you want to track link clicks, you must have at least one Link Click trigger enabled. The same rule applies to all triggers in Jira.
Cheers
Julius- thanks for posting. I was having the same issue as #9 but it was not resolved from your solution. I did some digging around the chrome developer tools and I figured out that my website security policy was blocking the GTM css. I downloaded a chrome extension called "disable-content-security-policy", refreshed GTM in preview & debug mode, and the panel displayed fine.
Thanks for letting me know!
I believe Duracell Tomi's plugin adds code to turn off Rocket Loader for GTM.
https://support.cloudflare.com/hc/en-us/articles/200169436-How-can-I-have-Rocket-Loader-ignore-my-script-s-in-Automatic-Mode-
With that, I'm still not seeing GTM load on a "wp-content/uploads" page. Any suggestions for troubleshooting that?
I've tried adding GTM directly to the theme with the code to turn Rocket Loader off, but no luck.
it was the damn adblocker
I've found another thing to try.
I had the dev tools of chrome opened, and then I checked the mobil version of my website, and don't why the preview mode appeared... After one hour of tries...
Hope this will help others...
Thanks very much for this article! My problem was Cloudfare Rocket Loader, who knew! Never would have found this myself.
I think this article is great! Sadly, my problem is a bit different. Debug mode works on my homepage but the moment I navigate to a page where I want to test tags, the debug mode goes white.
Anyone else having this problem?
This means that page's CSS is conflicting with Preview and Debug console's CSS. You should inform GTM support regarding this issue by clicking "Send feedback" in the top right corner of the GTM account.
I Have tried the different things - But I still didnt solve my GTM issue.
Debug Panel Shows on 2 out of 5 pages.
I would appreciate help - Im getting crazy here - Thx
Are you sure that GTM is installed on all 5 pages? You can check that with Google Tag Assistant Chrome extension.
When I use assistant:
The pages that shows the debug panel, also shows GTM in assistant.
And same the other way around. Pages that doesnt show debug doesnt show GTM in assistant.
Im wondering - This is a subdomain - Could this mean something?
Because I did the GTM for the subdomain here.
Im on thin Ice, as I dont understand - So any help is really appriciated
I took the subdomain out and now only the root - This added one more page to the funnel.
So now I have 3 out of 5 working.
Even though I put the body and head tracking into the pages - They are not working, and they are not showing GTM in google assistant.
Please let me know what you advice to do
Well, you identified the problem yourself - no gtm code on the page = no preview mode.
You need to find out why those 2 pages do not have the gtm container code. I'm not familiar with clickfunnels. If I were you, I'd contact their support and ask, why you custom js codes (gtm container) are not available in 2 pages).
Hi,
I had the same problem and struggled with it for like 2 days and later came to know the GTM console was blocked but pop-up blocker extension installed for chrome.
Aaahh, after 2 days struggling with this problem, your comment helped me to solve this. Just disabled 'DuckDuckGo Privacy' Chrome extension and Debug started to work properly.
Thanks Omkar!
good tips. i disable Ghostery extension, and then the preview and debug model does work! Thank you.
Did you publish the container? If you want to publish your changes live, you need to click SUBMIT button (top right corner) and publish those changes.
#10 just literally saved my life thanks!
Julius, when I'm Preview mode in GTM, should I be able to see those changes reflected in GA? Or do my GTM edits need to be published first?
The specific GTM change I'm trying to preview and follow in GA is the cookieDomain set to auto for the main domain and all subdomains. All also have domain.com added to the referral exclusions. I'm expecting that setup to carry the referral source from the main domain to a subdomains so I can properly attribute conversions. Currently when someone come from Google to the main domain and clicks over to a subdomain where the conversion forms are, we lose the Organic attribution and everything is recorded as Medium of None and a Source of Direct.
1. You should see the cookieDomain auto in the Preview and Debug mode once you have refreshed it.
2. Referral exclusion list is not a part of GTM thus you won't see anything.
3. Don't use real-time GA reports to check your campaign source because the 2nd pageview is always displayed as (direct)
Awesome, thanks Julius. If I don't use real-time GA to see if the referral source is passed from the main domain to the sub, how do I go about verifying that I've set things up properly? Again, I want to see a visitor tracked as one user/session across my domain and it's subs. I want to know that if someone came in from Google to domain.com, clicked over to the subdomain and downloaded an ebook that the conversion came from Google, not direct.
You'll need to wait for data to appear in the actual source/medium or referral reports.
I'm assuming that in those reports I'd be looking for a big shift from direct to organic (and other referral sources) if things were setup correctly? Also, why wouldn't that show up in the real-time report? Lame!
I have the same issue as Marybelle above.
My Event Timeline (datalayer history) refreshes all the time, when I click a link on my page that brings me to another page of my website. The Preview goes away during load of new page and then reappears with only those 4 events that are there for all pages.
I activated a "generic click trigger" to test my clicks.
I deactivated ALL chrome extensions, I deactivated wprocket and I tried it in Firefox and Chrome. All the same.
Any ideas?
Best regards
Joachim
Ok, now I got it. This is exactly how the preview and debug mode works (including the Data layer). Read the tip #6 here https://www.analyticsmania.com/post/google-tag-manager-debugging-tips/ to learn more.
Hey Julius,
I do not really understand your parallel between my problem and your #6 tip.
I did what you said and implemented the plugin of tip #6. But nothing really changes.
Maybe I dont understand the concept of clicks concerning links to other internal/pages.
I feel lost currently...
In your previous comment you said that when you click the link, the page refreshes and the Preview and Debug mode refreshes. The tip #6 in that guide (here's the link -> https://www.analyticsmania.com/post/google-tag-manager-debugging-tips/) explain that when the page reloads, the preview refreshes as well and all events that were tracked disappear. This is expected behavior. Also, tip #6 gives ideas how to prevent events from disappearing (for example, click links with CTRL key pressed).
This article is absolutly priceless!
I had more then one thing to fix. After No 8, preview finally appeared on my site.
Very happy that I found your article at first try to solve my issue!
Thank you so much Julius for sharing all this
Cheers. Turns out the idiot dev had installed the GTM code on all pages but the home page. As soon as I visited an internal page, the debug console loaded.
Hi Julius,
I read through the article and GTM still doesn't work. I tried everything but its strange because nothing has changed(Browser/GTM settings) since I last used preview mode. I am not blocking any cookies or using incognito mode. When I click Preview it goes into "Saving" but no orange bar appears to indicate Preview mode is active.
Google Chrome - Version 75.0.3770.142 (Official Build) (64-bit)
Site: https://www.kathykuohome.com/
GTM Preview Mode Link: https://tagmanager.google.com/#/container/accounts/2638239680/containers/8532869/workspaces/333
Thank you
Hey, thanks for the links but they will not help me. If the orange banner does not appear, the issue is specifically with your browser and I would not be able to reproduce it.
If the orange banner does not appear, this is 100% related to 3rd party cookies or browser extensions that block tracking. Disable extensions like Ghostery, Adblock, etc. and then try.
Triple check your cookie settings as well.
The issue is definitely related to this.
Great article! I'm a little mystified by my issue still though so wondered if you had any insight. I've implemented the scroll depth tracking recipe here - https://www.bounteous.com/insights/2017/09/27/scroll-tracking-recipe-gtm/
But in the Debug pane it says "no tags present". I'm definitely in the correct workspace and container as the number of amends to the workspace matches. Debug panel successfully loads as well. Any idea what could be causing this?
Refresh the orange banner (Preview mode notification) in your GTM interface and then refresh the page with the Preview mode enabled.
Thanks for your speedy response! Though refreshing the preview gives me the same result. It's bizarre as it's coming through on GA but it says there are no tags in the container still on GTM...
I think you're looking at wrong container. I suggest take a break now and revisit this question tomorrow. I guess that you're missing something obvious.
I would add another item to check and that is if you have enabled any Chrome Experiment flags.
I had enabled #enable-experimental-web-platform-features through the chrome://flags/ and it wouldn't let me turn on GTM Debug.
Once I disabled that Chrome Experimental flag, I was then able to use the GTM Debugger.
Agree, should be on that list in first place. Worked as a charm.
Thanks, added to the list.
big big up for your post Julius ! it saved my gtm life ;-)
I had no idea gtag.js and gtm.js are different things. I was thinking that since I had gtag.js installed, it was Google Tag Manager as well. And for a whole day I was troubleshooting why debugging preview mode wasn't working until I understood that I had to install GTM myself... Maybe that helps someone else as well.
Will preview mode work on a site that requires log in?
Yes
For some reason I can't get preview mode to work. As a workaround I use dataLayer in the Console when inspecting the site. Our website runs on Gatsby. Could that be the issue? Hope someone can help.
Thanks! #4 fix my issue. Downside of having a multiple monitor
Wow. This worked! Thanks so much. I was having a lot of trouble, but this solved it!!! Thanks again.
I had a case where the problem was in the GTM code, which was not written in the HTML file but in another js file called in the HEAD, was solved by removing the GTM code from the JS file and pasting in HTML file
Just wanted to let you guys know how genius that [Solved] in the meta title is, beautiful work.
"Although this tip might sound silly"
Its not silly. I had this problem. The client had given us their GTM code and when we were configuring events i did not remember that. Usually we make the GTM in our account. Thanks!
Hey Julius, thanks for the great post.
I am just starting with GTM. We have a site where we are using Salesforce Pardot forms in IFrame. I have used the method https://www.youtube.com/watch?v=yIWkcMvrpC0 to track the iFrame. The problem is it worked just fine on one website. However, on the second website, I have added the GTM snippet in the iFrame just like I did on the 1st website or explained in the video. The Google Tag Assistant reads the GTM code but the Preview & Debug Mode does not open at all in the iFrame.
Now, I am not good with coding and don't want to go to the developers as it will take very long. So, at first, I want to try to fix it by myself. Any help would be appreciated.
Thanks
Hi, I can see my click-based events in the preview, but cannot see my page view events. Any idea why not? E.g. I have an event and trigger (page URL contains /search) for my search page (https://entity.alfresco.finra.org/search;q=test), and I cannot see this event in the preview. I changed /search to search in the trigger, but it didn't help.
Thanks.
Step 10 worked! Thanks Simo.
For some reason the preview and debug mode is not working for a couple of URL's (but working for the rest of my site).
When looking at the dev console, I get "(index):71 GET https://www.googletagmanager.com/gtm.js?id=GTM-XXXXX net::ERR_ABORTED 404 (Not Found)"
Any suggestion on what to look for this case?
Exit the preview mode and enter it again.
#4 is not entirely correct. You can have GTM open in one browser and the preview in another. Just click on Share Preview and copy the link to a tab in the second browser. I do it all the time: GTM in Firefox and preview in Chrome.
Although recently it wasn't working. Found out Chrome now blocks third-party cookies. Had to reverse that.
Yes, but you are in the minority of group who do that. What I meant is that if you enable preview mode, it will not work on another browser.
Also, Chrome does not block 3rd party cookies. Unless you have specifically configured it. By default it does not bloxk.
I think Google might have recently switched on the default blocking of 3rd party cookies in incognito windows, if this helps anyone! I certainly don't remember choosing to block them
Just wanted to give a quick "Thanks." For me, it was the cookie settings. You saved me time and stress. I appreciate it, Julius.
Adding the solution that worked for me here as well; I beat my head against a wall for days just trying to get the debug window to appear on my site. Apparently Wix wasn't even installing the code properly, because after debugging everything else I removed the GTM connection in the Wix Marketing Integrations section of the site management dashboard and added the code manually as Julius described as an option here: https://www.analyticsmania.com/post/how-to-track-wix-website-with-google-tag-manager/
Thank you for posting all this information sir!
I live the same problem.
Preview mode is not working At home
When I click preview mode at work it starts to work.
I allowed 3rd part cache.
CTRL+F5 used
CTRL+SHIFT+R used
Refresh computer
Unplug router
is not working
I writed to your assistants but they didn't know my problem.
I have a video I can send.
Error in below:
This site can't be reached
www.googletagmanager.com refused to connect.
Try
Checking the connection
Checking the proxy and the firewall
Hi,
1. Please share the link to your homepage here in the comments.
2. I don't have assistants, so I'm not sure where you sent your messages earlier :)
I had to switch to a different browser than the one I normally use.
hi,
I would like to share with you the error I encountered for those who could not perform and correct all the transactions. If you close the Anti virus program on your computer. The situation is resolved.
If i just want to track a specific video in youtube in order to get deeper data, do i need to setup a snippet?
GTM preview mode stops working randomly in Chrome. I have tried all these solutions mentioned in the post but I get a connection timed out error for the tag manager debug call and the preview mode does not appear.
Excellent ! Thank you Julius
Google tag manager preview is blank. Can somebody help me on this
Tip #9 can.
I just want to say thank you for that solution!