如何阻止GTM预览调试控制台刷新，排查gtm.linkClick触发问题

我之前排查GTM链接点击触发器的时候也遇到过一模一样的问题，页面跳转直接把预览控制台冲没了，根本没法看条件匹配情况。给你几个实用的解决办法：

• 临时阻止链接的默认跳转行为
  打开浏览器开发者工具（F12），找到你要测试的链接元素，复制它的选择器（比如右键元素→Copy→Copy selector），然后在控制台里执行这段代码：

  document.querySelector('你的链接选择器').addEventListener('click', function(e) {
    e.preventDefault(); // 阻止页面跳转
  });
  

  执行完再点击链接，页面就不会刷新了，你可以在GTM预览控制台里仔细查看gtm.linkClick事件的所有条件匹配情况，排查哪条条件不通过。

• 开启浏览器控制台的“保留日志”功能
  如果不想修改链接行为，你可以打开浏览器控制台（Console标签），找到右上角的设置图标（齿轮），勾选Preserve log（保留日志）选项。这样即使页面跳转刷新，控制台里的GTM事件日志也会被保留下来，你可以在跳转后的控制台里回溯查看刚才的gtm.linkClick事件详情。

• 临时修改链接的href属性
  在本地测试环境或者可以修改页面代码的情况下，你可以把目标链接的href临时改成javascript:void(0)，这样点击链接不会触发页面跳转。测试完触发器的问题后，再把href改回原来的值就行，这个方法简单直接，适合快速验证。

另外，排查触发器条件的时候，记得在GTM预览控制台的gtm.linkClick事件详情里，查看“Variables”标签下的所有变量值，对比你触发器里设置的条件，很容易就能找到不匹配的那一项。

内容的提问来源于stack exchange，提问作者ibocon