В мире цифрового маркетинга, где каждый клик и переход имеют значение, UTM-метки становятся ключевым инструментом анализа эффективности рекламных кампаний. С их помощью маркетологи могут отследить эффективность объявлений не только по источнику, но и получить информацию о конкретных рекламных объявлениях или кампаниях, которые привлекли внимание аудитории.
Однако, когда дело доходит до оформления заказа или заполнения формы на основном сайте, возникает проблема потери ценных для аналитики UTM-меток.
В этой статье мы рассмотрим, как можно избежать утраты данных об источнике лида, с помощью скрипта, который будет передавать данные о метках на основной сайт.
Напомним, что такое UTM-метки и зачем они нужны
UTM-метки (Urchin Tracking Module) являются фрагментами текста, добавляемыми к URL-адресам, которые позволяют отслеживать и анализировать эффективность маркетинговых кампаний и источники трафика на веб-сайтах. Они позволяют уточнить, откуда пришел пользователь, каким образом он перешел на ваш сайт и какую кампанию или рекламный материал привлек его внимание.
В структуре UTM-меток обычно присутствуют следующие параметры:
- utm_source: Источник трафика, например, поисковая система (google, bing), социальная сеть (vk, dzen) или название партнерского сайта.
- utm_medium: Тип трафика, например, cpc (платная реклама), organic (органический поиск), email (электронная почта).
- utm_campaign: Название конкретной маркетинговой кампании, рассылки или рекламной акции.
- utm_term: Ключевые слова, используемые в контексте рекламы или поискового запроса (опционально).
- utm_content: Дополнительная информация о кампании, например, вариант объявления или содержание ссылки
Разберемся на примере
Предположим, у вас есть лендинг, и вы запускаете рекламу с UTM-метками для отслеживания и анализа источников трафика. Посетитель переходит на ваш лендинг с описанием предложения, переходя по ссылке, содержащей UTM-метки, например http://example.com/?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale
После этого посетитель знакомится с предложением, решает кликнуть по кнопке «оформить заказ» и переходит на ваш основной сайт https://example2.com. Однако, при таком переходе UTM-метки теряются, а источником трафика для основного сайта является переход по ссылке с вашего лендинга.
Решение
Чтобы решить эту проблему и передавать UTM-метки с вашего сайта на другие, мы можем использовать JavaScript-скрипт.
Как работает скрипт
Скрипт извлекает параметры UTM-меток из URL текущей страницы и сохраняет их в переменной для дальнейшего использования. Далее, скрипт обращается к DOM (Document Object Model), структуре HTML-документа, и находит все элементы <a>, представляющие собой ссылки на текущей странице. Это необходимо для того, чтобы найти все потенциальные ссылки, на которые пользователи могут нажать.
При необходимости можно включить отбор целевых ссылок, тогда из найденных ссылок отбираются только те, которые начинаются с указанного домена "https://example2.com". Это означает, что мы интересуемся только ссылками, ведущими на конкретный целевой сайт.
После того как были выбраны целевые ссылки, скрипт добавляет к их атрибуту href (где хранится адрес ссылки, на который пользователь перейдет после клика) UTM-метки, полученные на предыдущем шаге. Это позволяет сохранить и передать метки при переходе пользователя на другие страницы или сайты.
Дополнительно в скрипте предусмотрена обработка исключений для предотвращения возможных сбоев при обработке ссылок.
Если код столкнется с ошибкой при обработке одной из ссылок, скрипт продолжит выполнение и не прервется. Он также выведет сообщение об ошибке в консоль, указывая место, где произошла проблема. Это позволяет идентифицировать проблему и обеспечить продолжение работы скрипта.
А также, в целях обеспечения совместимости с устаревшими браузерами был использован старый синтаксис JavaScript. Этот подход гарантирует, что скрипт будет работать на самых старых версиях браузеров без возникновения синтаксических ошибок или непредвиденного поведения.
Таким образом, добавление всего нескольких строчек кода решает огромные проблемы маркетологов, которые используют сразу несколько посадочных страниц, для привлечения трафика на основной сайт и позволяет сохранить ценные данные о источниках трафика и повысить эффективность аналитики маркетинга.