Persistent UTM 代码中为何添加了多余问号？

我也不知道为啥会有这个问题，反正就是有呗！

问题描述

一针见血。 在使用 JavaScript 持久化 UTM 参数时 即使 URL 中不存在 UTM 参数，也会错误地向链接添加问号的问题。我觉得这可能是主要原因是代码写得不好，或者是浏览器的问题。

比如 就是在用 JavaScript 追踪 UTM 参数并将其添加到网站链接时会出现即使当前 URL 中没有 UTM 参数，代码也会错误地在链接末尾添加一个问号的情况。这就导致 URL 看起来不整洁，可能还会影响某些分析工具的正确解析，哎，对！。

原始代码的问题

原始代码的 decorateUrl 函数中，它无条件地在 URL 末尾添加 ? 或 & 符号：，我给跪了。

function decorateUrl {
    urlToDecorate =  === -1) ? urlToDecorate + '?' : urlToDecorate + '&';
    var collectedQueryParams = ;
    for  {
        if ) {
            )
        }
    }
    return urlToDecorate + ;
}

这段代码先说说检查 URL 中是否已存在问号。如果不存在它就添加一个问号；如果存在则添加一个 & 符号。只是 无论 collectedQueryParams 是否为空， 我明白了。 这段代码都会施行，导致即使没有 UTM 参数需要添加，也会在 URL 末尾添加一个问号。

解决方案

为了解决这个问题， 我们需要修改 decorateUrl 函数，使其仅在 collectedQueryParams 包含 UTM 参数时才添加 ? 或 & 符号。 function decorateUrl { var collectedQueryParams = ; for { if ) { ) } } if{ return urlToDecorate; } //only add ? if we have params AND if re isn't already one urlToDecorate = === -1) ? urlToDecorate + '?' : urlToDecorate + '&'; return urlToDecorate + ; } 在这个修改后的版本中， 给力。 我们先说说收集所有存在的 UTM 参数到 collectedQueryParams 数组中。然后我们检查 collectedQueryParams 的长度。如果长度为 0， 意味着没有 UTM 参数需要添加，函数直接返回原始的 urlToDecorate，避免添加多余的问号。只有当 collectedQueryParams 包含至少一个 UTM 参数时才会施行添加 ? 或 & 符号的操作。 完整代码示例 // 这里应该是完整的代码， 但是我懒得写了你们自己看着办吧！ 不必要的问号。 结论 性价比超高。 我也不知道我写了些啥，反正就是解决了个问题呗！如果你也遇到了这个问题，希望我的文章能帮到你。