Google Tag Manager预览没反应几种情况

更新时间：2025年3月13号

如果你的GTM点击预览状态的时候没有反应，也就是没有出现预览的操作界面的时候，界面如下：

或：

原因有如下几种可能：

GTM容器代码没有添加到网站

如果网站上根本就没有GTM容器，自然是不能正常预览。

解决方案：确保GTM正确安装到网站

GTM容器代码是错的

如容器的ID是GTM-MQ8Z6H，但复制的时候少了H，变成GTM-MQ8Z6，也会导致不能正常预览。

解决方案：确保GTM容器代码是正确

在错误的GTM容器里面调试

如布署的在A的容器，却在容器B里测试

解决方案：确保在正确的容器里调试

GTM没有发布版本

如果是刚布署，GTM没有发布版本，是不能正常预览。

解决方案：在GTM发布一个新版本

浏览器有插件屏蔽

如果插件屏蔽了GTM代码，会导致不能正常预览，如Tiktok Pixel Helper 

解决方案：在浏览器开发者工具的网络里检查GTM代码是否正常加载，如果不能正常加载，将对应的插件移除，确保GTM代码能正常加载

网站安全策略屏蔽GTM代码

如果网站安全策略屏蔽GTM代码，会导致不能正常预览。

解决方案：在浏览器开发者工具的控制台检查看是否有CSP的错误，如果有，可以在所有页面的header里添加如下代码：

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' www.googletagmanager.com www.google-analytics.com; connect-src 'self' www.google-analytics.com; img-src 'self' data: www.googletagmanager.com www.google-analytics.com; style-src 'self'; frame-src 'self' www.googletagmanager.com">

网站系统后台隐藏了js

网站系统后台的设定隐藏了GTM的js代码，导致GTM代码不能正常加载，进而导致不能预览。

解决方案：在浏览器开发者工具的网络里检查GTM代码是否正常加载，如果没有看到GTM的代码，检查网站系统后台的设置