如何让GTM中的JavaScript if else语句正常运行？

你的代码无法正常工作，核心问题有两个：

1. adblockerDetected()函数是空实现，调用后返回undefined，会被JS判定为false，所以永远只会触发“广告拦截已禁用”的提示
2. 两次独立的if判断逻辑混乱，即使检测成功，后续的if (!adBlockDetected)仍可能执行

以下是修正后的代码，附带可靠的广告拦截检测逻辑：

// 初始化检测标记
let adBlockDetected = false;

// 实现广告拦截检测逻辑
function adblockerDetected() {
  // 创建带广告特征命名的测试元素
  const adTest = document.createElement('div');
  adTest.className = 'ad-slot google-adsense'; // 用广告拦截工具常识别的关键词
  adTest.style.cssText = 'position:absolute;width:1px;height:1px;visibility:hidden;';
  
  document.body.appendChild(adTest);
  
  // 检测元素是否被拦截（拦截工具通常会隐藏/移除这类元素）
  const isBlocked = !adTest.offsetHeight || !adTest.offsetWidth;
  
  // 清理测试元素
  document.body.removeChild(adTest);
  
  return isBlocked;
}

// 执行检测并弹出对应提示
if (adblockerDetected()) {
  alert("警告！您已启用广告拦截工具。请禁用它以查看网站上的所有广告。");
} else {
  alert("广告拦截已禁用。您将能查看网站上的所有广告。");
}

关键说明 #

• 检测逻辑利用了广告拦截工具的特性：它们会自动拦截带有ad、adsense等关键词的元素，通过判断这类测试元素是否存在/可见来确认是否启用了拦截
• 改用完整的if-else结构，确保只会触发其中一个提示
• 测试元素使用绝对定位并设置不可见，添加后立即移除，不会影响页面布局

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