УСЛУГИ
SAGE agensy
связь
Услуги
связь
Готовый скрипт: Как передать UTM-метки с сайта на Tilda в Telegram-бот
Одна из частых проблем при настройке сквозной аналитики — потеря UTM-меток при переходе пользователя с сайта на Tilda в Telegram-бот. Вы вкладываете деньги в рекламу, но не можете отследить её реальную эффективность, потому что ценные параметры (utm_source, utm_campaign) исчезают в момент клика по кнопке.
Чтобы решить эту задачу, мы подготовили универсальный JavaScript-скрипт для проброса UTM-меток.

Он автоматически копирует все параметры из URL и добавляет их к ссылкам, ведущим в Telegram, WhatsApp или любой другой мессенджер. Этот метод позволяет сохранить все данные для корректного отслеживания рекламных каналов.

Скрипт поможет вам:

  • Сохранить UTM-метки и любые другие GET-параметры (gclid, referralCode).
  • Правильно рассчитать ROI и стоимость лида (CPL).
  • Увидеть, какие рекламные кампании действительно приводят клиентов.
Ниже вы найдете готовый код и пошаговую инструкцию по его установке на Tilda. Настройка займет не более двух минут.
инструкция
Шаг 1: Скопируйте скрипт ниже

Шаг 2: Установите скрипт на Tilda

После того как вы скопировали код, его нужно добавить на ваш сайт.
  1. Настройки сайта: В панели управления Tilda перейдите в «Настройки сайта».
  2. Вкладка «Ещё»: В меню слева выберите пункт «Ещё».
  3. HTML-код для вставки: Прокрутите до блока «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и вставьте скопированный скрипт в это поле.
  4. Сохранить и опубликовать: Нажмите «Сохранить изменения» и обязательно переопубликуйте все страницы сайта.

СКОПИРУЙТЕ СКРИПТ НИЖЕ

<script>
// Скрипт для проброса UTM-меток на ВСЕ ссылки
document.addEventListener('DOMContentLoaded', function() {
    // 1. Получаем все параметры из адресной строки
    const queryString = window.location.search;

    // 2. Если параметры существуют, продолжаем
    if (queryString) {
        
        // 3. Находим абсолютно все ссылки на странице
        const allLinks = document.querySelectorAll('a');

        // 4. Добавляем параметры к каждой ссылке
        allLinks.forEach(function(link) {
            const originalHref = link.getAttribute('href');
            // Исключаем якорные ссылки (типа #block123)
            if (originalHref && !originalHref.startsWith('#')) {
                // Умное добавление: через '?' или '&'
                if (originalHref.includes('?')) {
                    link.href = originalHref + '&' + queryString.substring(1);
                } else {
                    link.href = originalHref + queryString;
                }
            }
        });
    }
});
</script>