Как пробросить UTM метки внутри сайта?

Question

[ALDL]

Есть задача сохранять UTM метки при входе на сайт на всем пользовательском пути внутри сайта.

Пример:
1. Например человек приходит на сайте с UTM - site.ru/?&utm_campaign=step4
2. При переходе на страницу site.ru/post.html UTM очищается, а должно остаться ?&utm_campaign=step4

На сайте подключен GTM, возможно есть какое-то готовое решения для этого?

Answer 1

[aftar]

Сохранить их в localstorage и удалить в случае отправки формы

//-МЕТА ТЕГИ
var href = window.location.href;
var search = window.location.search;
var utm_mas = []; /* Пустой массив для хранения UTM меток, разбитых по "&" */
var ref = document.referrer;

if (href.indexOf("?") != -1) {
href = href.slice(0,href.indexOf("?")); /* Адрес страницы без UTML хвоста */
search = search.slice(1); /* UTM хвост без вопроса */
utm_mas = search.split("&"); /* Массив UTM меток (ключ=значение) */
localStorage.utm_mas = JSON.stringify(utm_mas);
}

if (localStorage.getItem('utm_mas') !== null) {
var utm_key_value = {};
var utm_mas_key = localStorage.utm_mas ? JSON.parse(localStorage.utm_mas) : [];

/* Заполняем объект, создавая свойста и значения */
for (i = 0; i < utm_mas_key.length; i++) {
utm_key_value[utm_mas_key[i].split("=")[0]] = utm_mas_key[i].split("=")[1];
}
/* Декодируем ключевые слова в UTM метке */
if (utm_key_value.utm_term != "undefined"){utm_key_value.utm_term = decodeURIComponent(utm_key_value.utm_term);}
if (utm_key_value.utm_term == "undefined"){utm_key_value.utm_term = "";}
}
else {
utm_key_value = "";
}

Зададим переменные ддя ajax
var data = $(this).serializeArray();
data.push({name: 'href', value: href});
data.push({name: 'search', value: search});
data.push({name: 'term', value: utm_key_value.utm_term});
data.push({name: 'content', value: utm_key_value.utm_content});
data.push({name: 'campaign', value: utm_key_value.utm_campaign});
data.push({name: 'medium', value: utm_key_value.utm_medium});
data.push({name: 'source', value: utm_key_value.utm_source});

Удалить из localstorage можешь в случае успешной отправки формы
localStorage.removeItem('utm_mas');

Comments

[Alex-Broudy]

aftar, спасибо! отличное решение!
все работает и в localStorage падает массив utm-меток
единственный момент, падает в таком виде: utm_campaign=step4
подскажите, а как из массива в localStorage можно выдернуть только значение step4 без ключа utm_campaign ?
Вообще, цель получить значения меток без ключей и записать их в localStorage, а далее назначить их своим параметрам ссылок, размещенным на сайте, чтобы ссылки на сайте имели например вид:

some-site.ru?subid=step4

на данный момент хорошо работает с использованием http_build_query:

$httpQuery = http_build_query([
  'subid1' => $_GET['utm_source'],
  'subid2' => $_GET['utm_campaign'],
  'subid3' => $_GET['utm_content'],
  'subid4' => $_GET['utm_term']
]);

и добавлением к ссылкам через echo $httpQuery;

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

Answer 2

[ThunderCat]

Да в сессию засуньте и все, дальше все движения элементарно отслеживаются. Хотите следить при последующих заходах - пишите в куки / локалстораж.

Comments

[Артём Пешков]

Доступ к php коду есть не всегда, например на какой-нибудь тильде или виксе это в принципе невозможно. Или надо передавать в сторонние сервисы которые подгружаются на вашем сайте, если utm уже есть в адресе - они их сами подхватят.