Найти в Дзене
Илья Дементьев

Проброс UTM-меток между прелендингом и основным сайтом при помощи JavaScript.

Иногда необходимо пробросить параметры, полученные из рекламной кампании, при помощи UTM-меток между сайтом-прокладкой и основным сайтом – или попросту прокинуть UTM-метки. Для этих целей я сделал небольшой и не сложный скрипт на JavaScript. Если вы активно занимаетесь рекламой сайтов, вы наверняка сталкивались с подобной задачей. Скрипт автоматически находит все ссылки на странице и добавляет к их адресу значения полученных UTM-меток, если они были переданы. Для нормальной работы моего скрипта, необходимо чтобы на сайте была подключена библиотека jQuery – это обязательное условие. Скрипт автоматически начнёт работать, как только вы его подключите на странице. Чтобы не приводить листинг кода здесь я выложил скрипт на хостинг и вы можете скачать его тут. Сохраните его у себя на хостинге. Важно! Подключить его необходимо после инициализации jQuery таким способом, не забудьте указать правильный адрес нахождения файла скрипта: Если открыть исходный сайт страницы, будет видно, что оригинал

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

При помощи JavaScript вы можете сделать очень много полезных и интересных вещей.
При помощи JavaScript вы можете сделать очень много полезных и интересных вещей.

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

Данные полученные через UTM-метки помогут правильнее проводить аудит сайта.
Данные полученные через UTM-метки помогут правильнее проводить аудит сайта.

Для нормальной работы моего скрипта, необходимо чтобы на сайте была подключена библиотека jQueryэто обязательное условие.

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

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

Сохраните его у себя на хостинге. Важно! Подключить его необходимо после инициализации jQuery таким способом, не забудьте указать правильный адрес нахождения файла скрипта:

<script src="utm-probros.js"></script>
<script src="utm-probros.js"></script>

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

В коде привёл пример разных типов ссылок для проверки работы скрипта.
В коде привёл пример разных типов ссылок для проверки работы скрипта.

Для того чтобы проверить работу скрипта вы можете перейти по этому адресу, где передаются тестовые значения UTM-меток.

Как видно в примере - всё отлично работает!

Желаю вам удачи!