Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
1 / 1 / 0
Регистрация: 12.12.2021
Сообщений: 71

Передача UTM меток на другую страницу сайта

25.01.2026, 16:29. Показов 295. Ответов 4

Студворк — интернет-сервис помощи студентам
Привет.
Нашел в сети очень простой, но классный код js.
С его помощью можно легко переносить UTM метку на другие страницы сайта.

Полный код скрипта:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
<script> 
let utm = window.location.href.split('?').pop();  //получаем utm
document.getElementById('link').onclick = function() { //по клику на кнопку
   window.location = 'http://site.ru?'+utm;  //переправляем пользователя на новый адрес
}
</script>
 
<div>
<button id="link">перейти с utm</button>
</div>
Вторая и третья строчка скрипта находятся у меня в другом месте,но сути это не меняет.

В данном случая работает и одна строка.
Вставив в <body> данный код.

PHP/HTML
1
2
3
4
5
6
7
<script> 
let utm = window.location.href.split('?').pop(); //получаем utm
</script> 
 
<div>
<button id="link">перейти с utm</button>
</div>
Пользователь придя на сайт по ссылке с utm меткой:
http://site.ru/index.php?utm_source=vk_post4 //нажимает на кнопку и попадает на другую страницу сайта, допустим:
http://site.ru/shablon.php?utm_source=vk_post4

это как раз то что нам и нужно! Новая страница и сохраненная метка!

Но если пользователь пришел без utm метки!!!
http://site.ru/index.php // и нажмет на кнопку,
http://site.ru/shablon.php? ht... /index.php // получится вот такая картина.?

То есть за место метки, сохраняется индексная страница?

Кто может подправить данный код?
Похоже если utm метки нет, window.location сохраняет только адрес текущей страницы.
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
25.01.2026, 16:29
Ответы с готовыми решениями:

Проброс UTM меток в форму
Всем доброго времени суток! Совсем не шарю в скрипте, к сожалению. Задача: есть utm метки, с...

Передача меток
Всем привет! - Есть site1.ru на него приходит трафик с метками - Когда пользователь заходит на...

Как создать программу формирования раскрывающего меню со списком всех меток другого фрейма
Помогите создать программу формирования раскрывающего меню со списком всех меток другого фрейма?...

4
413 / 304 / 113
Регистрация: 28.08.2013
Сообщений: 801
25.01.2026, 18:10
Что-то типа этого.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
const link = document.getElementById('link');
if(link){
    link.addEventListener('click', (event) => {
        const urlParams = new URLSearchParams(window.location.search);
        const utmSource = urlParams.get('utm_source');
        if(utmSource){
            window.location.href = '/shablon.php?utm_source=' + utmSource;
        }
        else{
            alert("\"utm_source\" is not exist");
        }
    });
}
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3825 / 1662 / 429
Регистрация: 14.03.2022
Сообщений: 4,177
25.01.2026, 18:44
Лучший ответ Сообщение было отмечено paris123 как решение

Решение

Цитата Сообщение от paris123 Посмотреть сообщение
Кто может подправить данный код?
Если учесть все особенности твоего кода - можно и так...

JavaScript
1
2
3
document.getElementById('link')?.addEventListener('click', e => {
   window.location.href = '/shablon.php' + window.location.search
})
1
1 / 1 / 0
Регистрация: 12.12.2021
Сообщений: 71
Вчера, 12:16  [ТС]
krvsa, Спасибо, ваш код сработал.

Но возникла другая проблема.
У меня вход на сайт через индексную страницу,
остальные страницы закрыты для прямого входа.
Закрыты таким кодом:
PHP
1
2
3
session_start();
if(!isset($_SESSION['disabletpages']))
{exit(0);};
И теперь после всех манипуляций с utm меткой,
я не могу достать E-mail из формы? А раньше легко доставался.

Вы не можете указать причину?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3825 / 1662 / 429
Регистрация: 14.03.2022
Сообщений: 4,177
Вчера, 15:14
Цитата Сообщение от paris123 Посмотреть сообщение
Вы не можете указать причину?
Для "указания причины" нужно посмотреть некий тестовый пример иллюстрирующий твою проблему...
Пока вообще ничего не понятно.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
Вчера, 15:14
Помогаю со студенческими работами здесь

Ниспадающий список всех меток
Начал пидалить, но что-то запнулся. Я только начал изучать JavaScript. Подскажите. Мне...

применение меток к инструкциям
метки работают только с теми инструкциями, которые имеют составную инструкцию или с одиночными...

Вывод меток на карту посредством .getJSON()
Всем доброго времени суток, горит задача вывести группу меток на карту яндекс. В общем создал в...

Google maps api геокодер и несколько меток
Есть пример геокодера на гугл (прикреплен в файле) там вводишь в input адрес и оно показывает...

Яндекс карты, поставить много меток
Добрый день всем форумчанам. Люди помогите мне поставить на яндекс карту много-много меток. вот...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Киев стоит - украинская песня
zorxor 28.01.2026
wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru