UTM метки Modx

Замена Title и любого текста на странице, в зависимости от utm метки. Очень простое решение

794 modx Aвтор:
Рейтинг: 5/5 - 1 голосов

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сылка без метки

 

 

3 случайных Поста

Card image cap
Дополнительная картинка в карточке товара OpenCart 2.x
Card image cap
Кнопки вверх на сайт
Card image cap
Хлебные крошки worpdress от Kama_Breadcrumbs с itemprop="position"

коммент.

Контакти

Contact

info@pechenki.top

Начать чат со мной

© SiteBlog designer