在Google Tag Manager中获取不含URL参数的点击文件名方法

嘿，这是个很典型的URL处理场景，我给你两种靠谱的解决方案：

方法一：使用原生URL API（推荐） #

现代浏览器都支持原生的URL对象，它能帮你轻松解析URL的各个部分，自动忽略查询参数和哈希值，代码简洁又可靠：

function() {
  const clickUrl = new URL({{Click URL}});
  // 从pathname中提取最后一段（文件名）
  return clickUrl.pathname.split('/').pop();
}

这个方法不仅能处理?v=1这类查询参数，连#fragment这种哈希后缀也能自动忽略，适用性更广。

方法二：手动截取处理（兼容旧环境） #

如果你需要兼容非常老旧的浏览器（其实GTM的运行环境基本都支持URL API了，这个方法可选），可以手动定位问号的位置，先去掉参数部分再提取文件名：

function() {
  let url = {{Click URL}};
  // 找到查询参数的起始位置
  const paramStartIndex = url.indexOf('?');
  // 如果存在参数，就截取到问号之前的部分
  if (paramStartIndex !== -1) {
    url = url.substring(0, paramStartIndex);
  }
  // 提取最后一个斜杠后的文件名
  return url.substr(url.lastIndexOf('/') + 1);
}

两种方法都能帮你从https://www.example.com/file.pdf?v=1中准确得到file.pdf，推荐第一种，因为它是标准的URL解析方式，不容易出错。

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