javascript - 从网页附加横幅代码

Question

我在尝试将横幅代码附加到 URL 末尾时遇到了问题。客户旅程如下:

• 某人收到一封电子邮件，其中包含指向站点 (SITE1) 的链接，该 URL 将包含横幅代码，例如www.site1.com?banner=helloworld
• 此人访问此网站后，有 2 个按钮可将客户带到第二个网站:
  • 按钮 1 转到 https://www.site2.com/page1
  • 按钮 2 转到相同的 URL/page2

$(document).ready( function () {
    var banner = String($.query.get('banner'));
    if(banner){
        href = $('a[href^="https://"]').attr("href") + "?banner=" + banner;    
        $('a[href^="https://"]').attr("href", href);
    }
});

基本上发生的情况是，我的这段代码使两个按钮转到相同的 URL，例如按钮 1。我怎样才能让脚本不更改所有按钮的 URL？提前致谢。

Answer 1

我的理解对吗:您想为每个链接添加横幅部分，但保持原始部分不变？

$(document).ready(function(){
var banner=String($.query.get('banner'));
if(banner){
    $('a[href^="https://"]').attr('href',function(){
        return this+'?banner='+banner;
    });
}
});

或更短的:

$(document).ready(function(){
    (banner=$.query.get('banner'))?$('[href^=https]').attr('href',function(){
            return this+'?banner='+banner}):null;
})