Javascript 在WordPress中使用JS将查询参数附加到URL，而无需在单击页面时重置

WordPress对我来说很陌生。我有一个带有可单击（跟踪）链接的网站，我想将页面中的查询参数附加到URL的末尾，并在用户单击下一页后留在浏览器中。（最后，这些参数被传递回我的跟踪系统，我使用它们来优化我的页面。）

当前，当用户单击“下一步”时，参数消失。我希望参数能够在页面之间传递，而不管用户单击什么

这是WP上跟踪代码中的当前脚本（启用后在所有页面上运行）

$（函数（）{
var queryString=location.search；
$（“.add query params”）.attr（“href”，queryString）；
});

代码中的链接示例：

<!--nextpage-->

<h1>1. Stuff! </h1>

words!<a class="add-query-params" href="http://track.link.com/example/1">Page 1</a></span> 

<!--nextpage-->
<h1>2. Things! </h1>

words!<a class="add-query-params"  href="http://track.link.com/example/2">Page 2</a></span> 

1.东西！
话！ 
2.事情！
话！ 

理想情况下，用户将使用参数填充URL，其外观如下所示：

http://track.link.com/example/2?utm_source=sourceplace&utm_content=contentwords&utm_term=yougettheidea

但是，每次用户单击“下一步”或页面上的其他文章时，WP都会删除所有参数

我看过很多插件，但没有一个看起来能解决这个问题。PHP也会出现同样的问题（所以请让我们继续使用JavaScript）

我考虑过将url保存到一个变量，并附加查询参数，然后将其保存为一个新的自定义变量，但是我不知道该怎么做/如果可行的话

这是我的第一个SO问题，如果你讨厌它，请原谅我！对于插件的建议也非常感谢！谢谢大家：）

---

编辑-我在WP上的主题是Bimber。

这是我最后使用的脚本-我将其添加到“跟踪代码管理器”插件中，并使其能够在所有页面上运行。它起作用了

（另外，我的主题Bimber要求我首先使用jQuery加载，但不接受速记

$（function（）

。我通过添加

调试器；

发现了这一点，并注意到我的任何页面都没有介入。）

jQuery（文档）.ready（函数（$）{
//获取查询参数并存储它们
var queryString=location.search；
//将查询参数附加到现有url
$（“.add query params”）.attr（“href”，queryString）；
//检查每个锚元素
$（“a”）。每个（函数（）{
//将链接（href）分配给变量以存储url。
var myLink=$（this.attr（“href”）；
//“this”=页面上的锚定标记元素。获取该href，将其分配给其现有的href（链接），添加查询参数。
$（this.attr（'href'，myLink+queryString）；
});
});

向回答我问题的用户大声呼喊：）！非常感谢。（我还了解了

functions.php

文件！）

<!--nextpage-->

<h1>1. Stuff! </h1>

words!<a class="add-query-params" href="http://track.link.com/example/1">Page 1</a></span> 

<!--nextpage-->
<h1>2. Things! </h1>

words!<a class="add-query-params"  href="http://track.link.com/example/2">Page 2</a></span> 

<script type="text/javascript">
jQuery(document).ready(function($) {
    //get query parameters, store them
    var queryString = location.search;
    // append query params to existing url
    $(".add-query-params").attr("href", queryString);
    // go through each anchor element
     $("a").each(function() {
         // assign the link (href) to variable to store the url.
        var myLink = $(this).attr("href");
        // "this" = anchor tag element on page. Take that href, assign it to it's existing href(link), add the query params. 
        $(this).attr('href', myLink + queryString);
    });
});