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

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

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(ИМЯ ПЕРЕМЕННОЙ) для полей: email, name, phone. В противном случае данные из формы не будут записаны в стандартные поля подписчика в 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_test — test в карточке подписчика.

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

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

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

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

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

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

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

1. Скопируйте готовую ссылку для передачи UTM-меток и параметров вида https://r.bothelp.io. Готовая ссылка доступна для Telegram и MAX.

• В конструкторе ботов включите режим редактирования.
• Откройте секцию Ссылки. Секция доступна для всех мессенджеров.
• Скопируйте ссылку для передачи UTM-меток и параметров.

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

2. Добавьте на страницу блок с кнопкой и вставьте в неё собранную ранее специальную ссылку на бота.

Добавьте блок 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>

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