Para alterar TODOS os links da página, você pode pegar os parâmetros vindos na URL com location.href
e extrair apenas a string a partir de ?
usando o método .substring()
:
var url_ = location.href;
// url_ = https://meusite.com?utm_source=teste&utm_campaign=teste&utm_content=teste
var params = url_.substring(url_.indexOf("?"));
// params = ?utm_source=teste&utm_campaign=teste&utm_content=teste
Depois basta fazer um loop buscando todos os elementos <a>
e concatenar a variável params
ao atributo href
de cada um:
// verifica se no params tem a string "?utm", caso contrário, não faz nada
if(~params.indexOf("?utm")){
var as = document.querySelectorAll("a");
for(var x=0; x<as.length; x++){
as[x].href = as[x].href+params;
}
}
Código completo:
// aguarda o DOM ser carregado
document.addEventListener("DOMContentLoaded", function(){
var url_ = location.href;
var params = url_.substring(url_.indexOf("?"));
if(~params.indexOf("?utm")){
var as = document.querySelectorAll("a");
for(var x=0; x<as.length; x++){
as[x].href = as[x].href+params;
}
}
});
Ou, se quiser que apenas alguns links sejam alterados, você precisa identificá-los de alguma forma. Pode colocar uma class
, por exemplo, class="alt"
:
<a class="alt" href="link">Link 1</a>
<br>
<a href="link">Link 2</a>
O código abaixo irá alterar apenas os links com a classe .alt
, ou seja, o href
do link 1
será alterado, mas o do link 2
não:
document.addEventListener("DOMContentLoaded", function(){
var url_ = location.href;
var params = url_.substring(url_.indexOf("?"));
if(~params.indexOf("?utm")){
var as = document.querySelectorAll("a.alt");
for(var x=0; x<as.length; x++){
as[x].href = as[x].href+params;
}
}
});