Прямая ссылка и редирект в Leeloo.ai
Что такое редирект в Leeloo?
Редирект в Leeloo позволяет перенаправить подписчика по нужной ссылке в конкретного Telegram-бота через нужный LGT (мини-лендинг). При этом в ссылку можно передать дополнительные параметры: источник трафика, кастомные поля, UTM-метки и другие значения.
Это удобно для отслеживания источников трафика, назначения бонусов, сегментации аудитории и персонализации сообщений.
Формат ссылки на редирект
https://app.leeloo.ai/telegram/messenger-redirect/источник_трафика?параметры
Пояснение:
источник_трафика
— это уникальный идентификатор, связанный с определённым мини-лендингом (LGT).?параметры
— любые значения, которые вы хотите передать, например:bonus=100
,utm_source=facebook
.
Как получить прямую ссылку для редиректа в Leeloo.ai?
Откройте нужный LGT (мини-лендинг), созданный в Leeloo.
Перейдите во вкладку Traffic.
Выберите нужный источник трафика.
Скопируйте ссылку, например:
https://leel.me/ss1t2u?traffic_mark=1fnutr
Из этой ссылки вам нужен только параметр
traffic_mark
, то есть часть после знака=
:
1fnutr
Тогда рабочая ссылка будет выглядеть так:
https://app.leeloo.ai/telegram/messenger-redirect/1fnutr
Важно учитывать:
Для сохранения пользовательских полей в карточке подписчика их необходимо предварительно создать в Leeloo (в разделе "Настройки" → "Поля"). В противном случае переданные данные не будут сохранены.
Все параметры, переданные после знака
?
в ссылке, автоматически сохраняются в карточке подписчика как значения соответствующих кастомных полей, если такие поля уже существуют.Используйте уникальные значения
traffic_mark
для разных источников трафика. Это позволит точно отслеживать, откуда пришёл каждый подписчик, и проводить корректную аналитику.Названия параметров не должны содержать пробелов, кириллицы или специальных символов. Рекомендуется использовать только латинские буквы, цифры и символ подчёркивания
_
.
Как передать utm-метки через свой сайт в Leeloo.ai?
1. Cформировать redirect в leeloo.ai по кнопке на вашем сайте
2. Заменить traffic_mark
в коде
После того, как вы получите traffic_mark
, откройте код и замените часть traffic_mark
в базовой ссылке:
<script>
document.addEventListener("DOMContentLoaded", function() {
// Получаем все параметры из URL текущей страницы
var urlParams = new URLSearchParams(window.location.search);
var utmParams = urlParams.toString();
// Базовая ссылка на вашего Telegram-бота (замените на ваш traffic_mark)
var baseLink = "https://app.leeloo.ai/telegram/messenger-redirect/traffic_mark";
// Проверяем, есть ли UTM-метки
if (utmParams) {
// Добавляем параметры к ссылке
var finalLink = baseLink + "?" + utmParams;
} else {
// Если UTM-меток нет, используем базовую ссылку
var finalLink = baseLink;
}
// Находим все элементы с классом кнопки или ссылкой, указывающие на вашего бота
var telegramLinks = document.querySelectorAll('a[href*="ref"]');
// Обновляем каждую ссылку
telegramLinks.forEach(function(link) {
link.setAttribute("href", finalLink);
});
});
</script>
Замените traffic_mark
на реальный идентификатор вашего трафика.
3. Заменить в поле href*="ref"
В строке:
var telegramLinks = document.querySelectorAll('a[href*="ref"]');
Замените "ref"
на класс вашей кнопки или ссылки. Например, если у вас ссылка с классом leeloo-redirect-btn
, обновите строку так:
var telegramLinks = document.querySelectorAll('a.leeloo-redirect-btn');
4. Вставить код в верстку сайта
Теперь, когда вы обновили код с нужным traffic_mark
и классом кнопки, вставьте его в верстку вашего сайта в том месте, где нужно будет использовать редирект.
Таким образом, когда посетитель перейдет по ссылке, UTM-метки будут переданы и использованы для отслеживания трафика и персонализации сообщений в Leeloo.
Как передать значения в Leeloo.ai
Как передать данные через свой сайт в Leeloo.Ai ?
Настройте редирект на http://leeloo.ai по нажатию кнопки на вашем сайте.
Создайте необходимые поля в личном кабинете Leeloo.Ai.
В представленной ниже инструкции замените ссылку на редирект в строке 5 на вашу собственную.
const baseUrl = "https://app.leeloo.ai/telegram/messenger-redirect/lwizsr";
В строке 6 укажите название переменной, соответствующее полю, которое вы ранее создали в Leeloo.Ai.
const finalUrl = `${baseUrl}?variable=${country}`;
<script>
function goToLink() {
const country = encodeURIComponent(document.getElementById('countryInput').value.trim());
if (country) {
const baseUrl = "https://app.leeloo.ai/telegram/messenger-redirect/lwizsr";
const finalUrl = `${baseUrl}?variable=${country}`;
window.location.href = finalUrl;
} else {
alert("Please enter a country.");
}
}
</script>