БлогУслугиКарьера
Обсудить проект
БлогУслугиКарьераОбсудить проект
Инструменты

Как добавить UTM к ссылке с параметрами и якорем

Правильный порядок UTM, существующих параметров и якоря в URL. Примеры ссылок и проверка после перенаправления.

Редакция Feature IT
Редакция Feature IT·
6 окт
·
2 мин
·
Части адреса соединены в цепочку с якорем в конце

В ссылке с UTM сначала идёт путь страницы, затем параметры после вопросительного знака и только потом якорь после решётки. Если добавить метки после якоря, они окажутся частью фрагмента и не будут обычными параметрами запроса.

Фрагмент используется браузером, например для перехода к разделу страницы, и не отправляется серверу в HTTP-запросе. Это поведение описано в документации MDN о URL.hash.

Порядок частей на примере

Исходная ссылка ведёт к разделу программы на странице курса:

https://example.com/course?city=tula#program

Корректный вариант с метками:

https://example.com/course?city=tula&utm_source=telegram&utm_medium=social&utm_campaign=oct_course#program

Параметр city сохранился, UTM добавились к запросу, якорь остался в конце. Второй вопросительный знак для меток здесь не нужен: дополнительные параметры отделяются амперсандом.

Некорректный порядок:

https://example.com/course?city=tula#program&utm_source=telegram

В этой записи source находится внутри фрагмента. Просто увидеть нужное слово в адресной строке недостаточно; важно, в какой части URL оно стоит.

Не дублируйте существующие метки

Если ссылка уже размечена, замените старые значения выбранных UTM, а не дописывайте ещё один комплект. При двух одноимённых параметрах разные обработчики могут выбрать разные значения. По такому адресу сложнее понять, какая кампания должна попасть в отчёт.

Перед созданием нового варианта сохраните исходные рабочие параметры страницы. Например, язык или город могут влиять на содержимое. Удаление всех параметров ради чистой строки способно отправить посетителя на другой вариант предложения.

Соберите ссылку для размещения

Укажите страницу и параметры кампании, затем проверьте готовый адрес.

Создать UTM-ссылку

Как собрать адрес без ручной склейки

Вставьте полный исходный URL в генератор UTM-меток, заполните поля кампании и скопируйте результат. Проверьте три вещи: нужный параметр страницы остался, каждый заполненный UTM встречается один раз, якорь находится в конце.

Откройте ссылку в новой вкладке. Страница должна загрузиться с нужным состоянием и перейти к соответствующему разделу, если сайт поддерживает такой якорь. Отсутствующий раздел не исправится от правильной UTM-разметки.

Проверьте конечный адрес после перенаправления

Сайт может перенаправлять посетителя на адрес с завершающим слешем, другой домен или страницу выбранного города. Если перенаправление теряет параметры, правильная исходная ссылка всё равно не даст ожидаемого отчёта.

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

Обсудим ваш проект?

Оставьте контакты — перезвоним и обсудим задачу

Содержание
  • Порядок частей на примере
  • Не дублируйте существующие метки
  • Как собрать адрес без ручной склейки
  • Проверьте конечный адрес после перенаправления
Поделиться:

Похожие статьи

Кавычки и перенос строки в JSON: как экранировать текст
Инструменты

Кавычки и перенос строки в JSON: как экранировать текст

2 мин
Описание товара: как убрать воду и сохранить характеристики
Инструменты

Описание товара: как убрать воду и сохранить характеристики

3 мин
Тема письма и прехедер: как проверить длину до отправки
Инструменты

Тема письма и прехедер: как проверить длину до отправки

3 мин
Feature IT

Feature IT — платформа по обучению программированию и разработке цифровых продуктов. Мы создаём современные веб-решения для бизнеса и обучаем этому других!

Политика конфиденциальностиПользовательское соглашение

О компании

  • Блог
  • Карьера

Услуги разработки

  • Разработка сайтов под ключ
  • Веб-приложения на React/Next.js
  • Telegram-боты для бизнеса
  • Mini Apps (Telegram, VK)
  • SEO-оптимизированные сайты
  • Автоматизация бизнес-процессов
  • Поддержка и развитие IT-продуктов

Обучение

  • Курс Python с нуля
  • Алгоритмы и структуры данных
  • Паттерны проектирования
  • Подготовка к собеседованиям в IT
  • Практика на реальных проектах

Инструменты

  • Генератор UTM-меток
  • Счётчик символов