Как сделать редирект с сохранением UTM-меток?

Question

[Дмитрий Темников]

Имеется сайт site1.ru на лендинг пейдж платформе, имеется множество рекламных компаний из разных источников, содержащих те или иные UTM-метки. Планируется изменить домен сайта на site2.ru. Нашел такое решение

<script language="javascript">
window.location.href="site2.ru";
</script>

Отрабатывает, но UTM-метки теряются. Как их сохранить? Знаю про 301 редирект на PHP, но в данном случае это не поможет. Функционал лендинг пейдж платформы ограничен и просто позволяет вставить в окошки HEAD и BODY текст скриптов. Поддерживается только JavaScript

Answer 1

[Артем Каюн]

var utm = location.search;
var url = new URL('http://site2.ru');
url.search = utm;

location.replace(url);

Comments

[Дмитрий Темников]

Эту статью я читал, не один из указанных методов

window.location = "http://new-website.com";
window.location.href = "http://new-website.com";
window.location.assign("http://new-website.com");
window.location.replace("http://new-website.com");
<meta http-equiv="refresh" content="0; URL='http://new-website.com'" />

не помог

[Дмитрий Темников]

По идее нужна некоторая функция, которая отлавливает UTM-метки на входе, сохраняет их и добавляет к адресу в коде window.location.href = "new-website.com";
Увы я в JavaScript не силен, потому и спрашиваю, ибо загугл не помог,
а проблема актуальна для многих

[Артем Каюн]

exibite777: Обновил ответ, попробуйте так.

[Дмитрий Темников]

Спасибо огромное от сообщества маркетологов, работает как надо!

[Дмитрий Темников]

Артем, помогите, пожалуйста с решением задачи в комментарии ниже

[user06575]

А подскажите, как его теперь интегрировать ?

в первый раз с таким столкнулась.
Указать выше прописанный скрипт и как и куда вставить нужные мне параметры в скрипт, чтобы он помогал сохранить нужные ютм метки при редиректе?

понятно, что указать значение в коде сайта куда перенаправим, верно?

и в пле урл, что указать? ничего?

Answer 2

[Sergey_SL]

Можно подробнее?
Есть сайт site1.ru на нем есть кнопка ведущая на site2.ru
пользователи приходят на site1.ru с различными utm метками.
Как при нажатии на кнопку отправлять их на site2.ru/order с теми же метками, с которыми они пришли?
Как добавить или заменить одну произвольную utm метку к тем что уже есть?
Все это нужно на javascript.

Answer 3

[Дмитрий Темников]

Подозреваю, что Вам подойдет тот же самый код, который я отметил решением, он выполняет следующие действия
- сохраняет текущие UTM
- выполняет редирект на site2.ru с теми же метками
Только в вашем случае нужно подкинуть код не в блок BODY настроек самой странице, а в кнопку и настроить собственно саму кнопку на выполнение кода по её нажатию.

Если Вы хотите еще и изменить часть меток при редиректе, то нужно после кода
var utm = location.search;
проанализировать содержимое переменной utm и изменить её простыми алгоритмами текстовой замены, условно алгоритм выглядит так
- задать поиск по нужной метке, например "utm_source"
- вычислить длину и место положение заменяемого текста от символа = до символа &
- удалить его
- заменить текст на желаемый

Добавить по идее проще - приписать текст в переменной, например так
utm=utm+'&utm_source=yandex'
(за синтаксис JS не ручаюсь)

Comments

[Sergey_SL]

Вы хотите сказать, что просто 4 строчки и есть решение моей задачи?

var utm = location.search;
var url = new URL('site2.ru');
url.search = utm;
location.replace(url);