将传入的查询字符串从url附加到页面上的特定链接

时间:2018-08-28 23:19:53

标签: jquery url query-string utm-tracking

我一直在使用以下脚本将传入URL的查询字符串附加到网页上的链接上,因此这些链接将在用户进入我的网站的所有页面中进行。查询字符串通常是utm跟踪,但是每个值都是唯一的,并且是为每个访问者动态生成的。

使用的脚本:

<script>
jQuery(document).ready(function() {
var getPageSubURL = window.location.search.substring(1);
jQuery('a').each(function() {
var currentURL = jQuery(this).attr('href');
jQuery(this).attr('href', currentURL + '?' + getPageSubURL );
});
});
</script>

它可以正常工作,但现在我需要它仅将应用于页面上的3个特定链接,因为其他链接将具有已经硬编码的不同参数。

我应该如何编辑此脚本以添加此特定规则?还是有更好的方法呢?

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

如果知道确切的css类,您可以试着在这3个锚点上放一些css类(不需要是现有类)吗?

示例:

<a href="#" class="linkToModify"></a>
<a href="#"></a>
<a href="#" class="linkToModify"></a>
<a href="#" class="linkToModify"></a>
<a href="#"></a>

然后是您的脚本:

<script>
jQuery(document).ready(function() {
var getPageSubURL = window.location.search.substring(1);
jQuery('.linkToModify').each(function() {
var currentURL = jQuery(this).attr('href');
jQuery(this).attr('href', currentURL + '?' + getPageSubURL );
});
});
</script>