<a>单击指向外部站点的链接时，</a>如何将当前 url 参数添加到 an 的 href

Question

we use instapage as a tool for landing pages and they strip url parameters from links if users click on tags with external links. I want to preserve the location.search though.

I tried using this script here, but it doesn't work at all - as in, the parameters still get removed unless they are specified in the href link.

window.addEventListener("click", function(e) {
    var href = e.target.getAttribute("href");
    if(href) {
        location.href = href + window.location.search;
        e.preventDefault();
    }
});​

Anything obvious I am missing here?

Answer 1

I solved the issue by just modifying the hrefs on page load instead of trying to add the parameters onClick. Here is the code - also respecting urls that already have parameters in them.

document.addEventListener("DOMContentLoaded", function(event) {
    document.querySelectorAll('[href^="http"]').forEach((element) => {
      var hrefString = element.getAttribute('href')
      if(hrefString.includes('?')) {
        element.setAttribute('href', hrefString + window.location.search.replace('?', '&') )
      } else {
        element.setAttribute('href', hrefString + window.location.search)
      }
    })
});