Как получать utm метки?

Question

[Руслан Абсалямов]

Как получить utm метки, я только понял что в php намного легче делается $_GET['utm-source'] Но в js че то доконца я не понял как их получать. Примеру в интернете наткунлся примерно вот на такой пример, только он ничего не берет

function getURLParameter(name, url) {
        name = name.replace(/[\[]/, '\\\[').replace(/[\]]/, '\\\]');
        var results = new RegExp('[?&]'+name+'=?([^&#]*)').exec(url || window.location.href);
        return results == null ? null : results[1] || true;
    }

Мне нужно получить только utm-source и utm-medium Примерно как можно это реализовать, такие вещи я не изучал в js и поэтому представление примерно не имею, примерно предполагаю что нужно искать в window.location.search или не так?

Comments

[Айнур Валиев]

console.log(getURLParameter( 'utm-medium' , 'https://toster.ru/q/523301?utm-medium=medium&utm-campaign=campaign' ) )

[srjk94]

let utmObject = Object.fromEntries(window.location.search.slice(1).split('&').filter(item => item.indexOf('utm') !== -1).map(item => item.split('=')));
console.log(utmObject.utm_source, utmObject.utm_medium);

В данном случае utmObject - объект со всеми utm метками

Answer 1

[alina-kala4ik]

const getUtmParameter = (sParam) => {
  const url = window.location.search.substring(1);
  const urlVariables = url.split('&');

  for (let i = 0; i < urlVariables.length; i++) {
    const variables = urlVariables[i].split('=');

    if (variables[0] === sParam) {
      return variables[1]
    }
  }

};

const utm = getUtmParameter('utm_source');

Answer 2

[Степан Турченко]

const getParam = (param) => {
	const urlParams = new URL(window.location.toString()).searchParams
	return urlParams.get(param) || ''
}

const utm = getParam('utm_source')