UTM метки Modx

Utm-метки — это инструмент, который помогает передавать в систему аналитики дополнительные параметры об источнике трафика.

Это позволяет рекламодателю сегментировать пользователей по определенному типу и поведению, а также анализировать конечные цели – продажи.

Есть у нас типа такая ссылка на сайт с меткой

www.company.ua/?utm_source=Yandex_Direct&utm_medium=cpc&

utm_term=search_query&utm_content=promo1&utm_campaign=yandex_company1

utm_term- у на будет выступать как идентификатор.

search_query-название метки.

в зависимости от таких меток и будем заменять заголовок страницы.

Все название меток и соответствующий им текст будем задавать из админки

Просто создаём ресурс делаем его как текстовый файл, отключаем редактор, снимаем галочку кэшируемый.

Далее набиваем свои метки и соответствующие их ключевые слова или названия.

 Вот кому лень писать самому.

Castom='Тут кастомный заголовок',
prosuct=“Название товара новое и для этой ссылки',

Теперь когда в ссылке у вас будет

www.company.ua/?utm_source=Yandex_Direct&utm_medium=cpc&

utm_term=prosuct&utm_content=promo1&utm_campaign=yandex_company1

Ваш заголовков и текст в блоке поменяется на «Название товара новое и для этой ссылки»

Для работы нужно втавить такой небольшой скрипт в футер шаблона




var content = {
 [[#id.content]] // id — вашего ресурса с метками 

};


var title = 'title'; 
var selector = '.catalogtitles';//Класс блока в котором вы хотите заменить текст.

function replacer(content) {
    var utm = /utm_term=([^&]*)/g.exec(document.URL)[1]; 
    if (utm in content) {
        document.querySelector(title).innerHTML=content[utm];
        document.querySelector(selector).innerHTML=content[utm];
    } else {
        console.log('Каталог контента не имеет такой utm метки');
    };
};
 
replacer(content);

Как пример, вот

https://pechenki.top/blog-frilanser/53-utm-metki-modx.html?utm_campaign=name&utm_replace=castom

ссылка с меткой

https://pechenki.top/blog-frilanser/53-utm-metki-modx.html

Cсылка без метки