Как вставить параметр UTM метки в контент страницы?

Question

[Евгений]

Здравствуйте, знатоки.

Делаем контекстную рекламу, где в ссылки объявления передаем данные о товаре.

Например:

https://domen.ru/lodger/?utm_brand=Honda&utm_model=Accord

Нужно сделать так, чтобы при переходе по этой ссылке на странице в пееменных {brand} и {model} подставлялось значение из UTM метки.

Имеющиеся скрипты вроде этого, не подходят, так как в подобных случаях нужно заранее сформировать список подмен. А мне нужно, чтобы на страницу подставлялось значение именно с UTM метки, а не из заранее известного пула данных.

Подскажите, максимально простой с технической точки зрения способ решить задачу.

Answer 1

[Denis]

Качественно это надо делать на бекэнде, но поскольку теги вопроса только html, то можно и Javascript, но это крепкий костыль

Comments

[Евгений]

Поделитесь костылем или линканите на место, где в этом можно разобраться самостоятельно, пожалуйста.

[Denis]

Ну если совсем приметивно с помощью JQuery то можно и так но body не советую использовать тк может притормозить лучше сузить поиск до определенных селекторов

var text = $('body').html();
   var brand = getParameterByName('utm_brand'); 
    text = text.replace("{brand}", brand);
    var model = getParameterByName('utm_brand'); 
    text = text.replace("{model}", model);
    $('body').html(text);

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

[Евгений]

sidni, это ровно то, что нужно. Единственное, если метки нет, то на страницу выводится null(я так понимаю, типа нет данных). Как от этого избавиться?

[Denis]

....

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return '';
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}