Как добавить значение utm ко всем ссылкам ссылкам на сайте через js?

Question

[777Don777]

Требуется добавить значение utm ко всем ссылкам ссылкам на сайте через js. То есть, добавить в конец всех ссылок на сайте значение utm меток из адресной строки. Если будет проверка на соответствия значения из урл ccылки, что бы подменялись не все ссылки, то было бы не плохо.
Из того что нашел:
Скрипт добавления в конец ссылок любого значения в ""

$("a").attr("href", function(i, origValue){
return origValue + "текст";
});
код работает, значение в скобках ко всем ссылкам добавляет. Но мне нужно брать значение utm меток из адресной строки и желательно с проверкой на соответствия определенного значения из урл ccылки на странице сайта , что бы подменялись не все ссылки.

Так же нашел код получения значения utm из адресной строки.
var utmSource = url.searchParams.get('utm_source'); , но как его добавить в первый код не знаю. Помогите плиз. Заранее благодарен!

Comments

[ThunderCat]

Я так понимаю вы не вкурсе зачем нужен утм и как правильно отслеживать по нему пользователей, и решили что такими костылями вы сможете добиться чего-то нормального?

[777Don777]

ThunderCat, Зачем нужен utm знаю и как отслеживать тоже. В контекстной рекламе уже 7 лет. Это мне нужно для того что бы в cpa передать sub параметр, для отслеживания с какой компании пришел посетитель и по какому ключу.
В общем, вы не правильно понимаете!

[ThunderCat]

777Don777, 1)

В контекстной рекламе уже 7 лет.

Ни о чем не говорит.

В общем, вы не правильно понимаете!

Не спорю, значит вы неправильно объясняете. Зная как работают такие технологии, скорее всего вы что-то неправильно делаете, так как такие приколы со ссылками через жс нетипичны для маркетинговых манипуляций, а их я видел много.

Answer 1

[n1ksON]

document.querySelectorAll('a').forEach(item => 
  item.setAttribute('href', item.getAttribute('href') + window.location.search)
)

Comments

[777Don777]

GTM выдает ошибку.
Ошибка компилятора JavaScript
Ошибка в строке 6 (символ 42): This language feature is only supported for ECMASCRIPT_2015 mode or better: arrow function.

И не понятно на счет /любое-значение`, мне же надо получить значение utm и из ссылки адресной строки

[777Don777]

Ошибка в строке 1 (символ 40): This language feature is only supported for ECMASCRIPT_2015 mode or better: arrow function.

[n1ksON]

777Don777, ошибка легко гуглится, проблема не в решении, а в вашем компиляторе и его предназначении
вместо стрелочной функции, используйте обычную:

document.querySelectorAll('a').forEach(function(item) {
  item.setAttribute('href', item.getAttribute('href') + window.location.search)
})

[777Don777]

n1ksON, Благодарю. Да скрипт работает, выводит все utm метки из window.location.
Что бы добиться то ,что мне нужно попробовал так:

document.querySelectorAll('a').forEach(function(item) {
item.setAttribute('href', item.getAttribute('href') + 'sub1=' + window.location.search.get('utm_source='))
})

'sub1=' - текст

window.location.search.get('utm_source=') - получить значение параметра utm_source=

Попробовал так, не работает. Помогите.

[Александр]

777Don777, new URLSearchParams(location.search).get(...)

[777Don777]

Александр, О да, и вам спасибо! Работает)