javascript - Utm 参数杀死我们的分页

Question

我们运行一个 WP 站点，目前我们的页脚中有一个传递 UTM 参数的脚本。

var querystring = '?utm_source=[utm_source]&utm_medium=[utm_medium]&utm_campaign=[utm_campaign]&cb=[cb]';

var UTm = '[utm_source]';

if(UTm != null && UTm !=''){
jQuery('a:not(".page-submenu li a")').each(function() {
    var href = jQuery(this).attr('href');

    if (href) {
        href += (href.match(/\?/) ? '&' : '') + querystring;


        jQuery(this).attr('href', href);
    }
});
}

不幸的是，这会破坏我们博客的分页，因此页面之间的 url 来自homesite.com/blog/page/3

至

homesite/blog/?`utm_source=facebook&utm_medium=social&utm_campaign=blogpost+%5D%5D&cb#038;utm_medium=social&utm_campaign=blogpost+%5D%5D&cbpage/33/

这会引发语法错误，无法识别的表达式:

目前，我非常愿意接受有关如何处理此问题的建议。

Answer 1

如果您的分页是从 location.href 生成其 href 并仅将 page/3 添加到末尾，那就可以解释homesite/blog/?[querystring]page/3

以下代码会删除每个 anchor 的 href 中 ? 之后的所有内容，然后重新添加 page/[num]/ 和查询字符串:

$('a:not(".page-submenu li a")').each(function() {
    var href = $(this).attr('href');
    if (href) {
        var base = href.split('?')[0];
        base += href.match(/page\/\d/g)[0];
        $(this).attr('href', base + querystring);
    }
});