Передача UTM-меток и данных из Zero Block в карточку подписчика

Регистрируйтесь в Tilda по специальной ссылке и получите 1 месяц бесплатного доступа.

Ссылка для регистрации: https://tilda.ru/?r=1663408

Эта инструкция поможет вам настроить передачу данных из zero-block Tilda и UTM-меток в профиль подписчика в BotHelp.

Чтобы данные из форм zero-block и UTM-метки передавались в профиль подписчика BotHelp, настройте сценарий работы:

  1. Подписчик заходит на страницу Tilda с формой сбора данных.
  2. Заполняет форму и нажимает кнопку подтверждения.
  3. Автоматически переходит на страницу «Спасибо».
  4. На странице «Спасибо» подписчик через кнопку Tilda открывает и запускает бота BotHelp.
  5. Готово! Данные из формы и UTM-метки успешно сохранены в профиле подписчика.

Настройка передачи данных из форм zero-block и UTM-меток в профиль подписчика BotHelp

Подготовка страницы с формой сбора данных

  1. В конструкторе сайтов Tilda создайте страницу и добавьте на неё блок T123 «HTML-код» и вставьте в него JavaScript:
    <script src="https://main.bothelp.io/w/widget-button-tilda-form-parser.js" defer></script>
    

  2. Добавьте Zero Block с нужными формами, которые вы хотите передать в BotHelp
    Важно:

    • не изменяйте значения в поле VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ) для полей: emailnamephone. В противном случае данные из формы не будут записаны в стандартные поля подписчика в BotHelp;
    • любое другое текстовое поле будет записано в соответствующее пользовательское поле подписчика (если оно заранее создано в BotHelp). Для этого в VARIABLE NAME надо указать название пользовательского поля BotHelp (c учетом регистра);
    • пользовательское поле BotHelp не должно содержать пробелы.
      • Передача не сработает, когда переменная называется, например,  «Место работы». Правильно «Место_работы»
    • Для поля типа «чек-бокс»:
      • в VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ) указать соответствующее пользовательское поле BotHelp;
      • если чек-бокс выбран — в соответствующее пользовательское поле будет записано значение «yes».
      • если чек-бокс не выбран — значение не передаётся.
    • Для поля типа «Дата и время»:
      • поддерживаются маски: DD-MM-YYYY и YYYY-MM-DD;

      • разделители допустимы: « или «;
      • для передачи даты и времени используйте:

        • VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ)=«дата_и_время» для даты,

        • VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ)=«дата_и_время-bh-time» для времени — оба поля будут объединены и записаны в одно поле типа «дата и время» в BotHelp.

    • Для поля типа «Телефон» нужно указать тип маски «Автоматическая маска с кодом страны» или настроить свою маску так, чтобы можно было ввести номер телефона только в международном формате:+79161234567. Можно добавить дополнительные вспомогательные поля с типом «Поле для ввода нескольких строк».
    • Для поля типа «Скрытая переменная»:

      • в VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ) добавьте префикс bh_;

      • в BotHelp поле сохранится без префикса.
        Например: bh_testtest в карточке подписчика.

      Пример для Yandex Client ID:

      • В коде поле называется yaClientId.

      • Чтобы передать его из Tilda, создайте скрытое поле с именем bh_yaClientId и оставьте пустым.

      • При отправке формы оно автоматически заполнится значением из cookie _ym_uid и сохранится в пользовательском поле yaClientId в BotHelp.

      • Важно: Если у подписчика включён VPN/прокси или в браузере (Safari, Firefox, Edge) включена усиленная защита приватности — yaClientId может не передаться.

  3. В поле «SUCCESS URL» указать ссылку на вашу страницу «Спасибо», из которой подписчики будут переходить в бота.

Подготовка страницы «Спасибо»

  1. Соберите специальную ссылку на бота вида https://r.bothelp.io/
    • Скопируйте прямую ссылку на бота. Найти её можно в настройках конструктора бота.
    • Из скопированной ссылки возьмите часть после знака «?».

    Пример: из ссылки tg://resolve?domain=test1ella_bot&start=c1742897965948-ds
    — Скопируйте часть: domain=test1ella_bot&start=c1742897965948-ds

    • Добавьте перед скопированной частью https://r.bothelp.io/tg?

    Пример готовой ссылки:

    https://r.bothelp.io/tg?domain=test1ella_bot&start=c1742897965948-ds

    Теперь ссылка готова к использованию!

  2. Добавьте на страницу блок с кнопкой и вставьте в неё собранную ранее специальную ссылку на бота.
  3. Добавьте блок T123 «HTML-код» и вставьте в него JavaScript:
    <script>
    var links = document.getElementsByTagName("a")
    for (let i of links) {
        if (i.href.startsWith("https://r.bothelp.io")) {
            if (i.href.split("?").length > 1) {
                i.href += "&" + location.search.split("?")[1]
            } else {
                i.href += location.search
            }
        }
    }</script>
    

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

 

Готово! Опубликуйте страницы лендинга и протестируйте передачу меток и параметров перед отправкой ссылки пользователям.


Если вы не нашли ответ на свой вопрос, задайте его нам в чате внутри кабинета либо напишите в Telegram BotHelpSupportBot или на почту hello@bothelp.io 

Получите 14 дней полного функционала платформы для создания рассылок, автоворонок и чат-ботов BotHelp.

Получить 14 дней бесплатно

Была ли статья полезна?

Спасибо за обратную связь!