Отправка заявок в Телеграм без программиста

Что понадобится

Перед тем, как настроить отправку заявок, вам нужно узнать id пользователя, либо id канала/группы, куда нужно отправлять заявки.

Узнать id канала/группы или пользователя в Телеграм

Перейдите на бота https://t.me/username_to_id_bot и запустите его. Он вам сразу отправит ваш ID.

Если вам нужно узнать ID чата, то в меню бота нажмите на "Chat".

Выберите нужный чат из списка, либо создайте новую группу. В моем примере группа уже создана и называется "pantext лиды". У вас она, наверняка, будет называться по-другому.

Подтвердите отправку и бот вам пришлет id группы. Обратите внимание, что id группы указывается с дефисом вначале, его наличие обязательно, не удаляйте его, когда будете копировать.

Установка javascript на сайт

Добавьте код ниже перед закрывающим тегом </body>.

<script src="https://cdn.pantext.ru/tg-order-bot.js"></script>
  <script>
      // ID пользователя или группы в Телеграм
      let chatId = '<ID_пользователя_или_группы>';
      let options = {      
          selector: 'form',
          metrikaID: undefined,
          ymEvent: undefined,
          thankYouPage: undefined,
          gaEvent: undefined
      }

      let tg = new TelegramOrder(chatId, options);
  </script>

Вместо chatId нужно установите id пользователя, которому нужно отправлять заявки, либо id группы.

В объекте options будут указаны все настройки, которые есть для скрипта:

• selector - обязателен, это CSS селектор форм, может указывать как на одну форму, так и на несколько (если по селектору будет найдено несколько форм), по умолчанию установлено значение form, это значит, что данные со всех форм будут обрабатываться и отправляться в Телеграм;
• metrikaID - необязателен, ID метрики, которая установлена на сайте;
• ymEvent - необязателен, идентификатор события, который вы указали в метрике, например form-send;
• thankYouPage - необязателен, страница, на которую будет осуществлен переход, если установлено значение, отличное от undefined. Пример: если для сайта pantext.ru установить значение 'thank-you', то при отправке формы будет осуществляться переход на страницу pantext.ru/thank-you;
• gaEvent - необязателен, настройки для события Google Analytics 4 в следующем формате:

gaEvent = {

      eventType: 'event'
      eventAction: '<eventAction>',
      options: {

          'event_category': <eventCategory>,
          'event_label': <eventLabel>,
          'value': <eventValue>,
          'non_interaction': true
      }

  }

Который будет аналогичен формату gtag:

gtag('event', '<eventAction>', {

    'event_category': <eventCategory>,
    'event_label': <eventLabel>,
    'value': <eventValue>,
    'non_interaction': true
  });

По настройке целей для GA4 читайте подробнее в официальной справке.

Пример итоговой настройки для группы -918658902, на форму <form id="callback"> с отправкой JS-цели в Метрику по идентификатору form-send:

<script src="https://cdn.pantext.ru/tg-order-bot.js"></script>
  <script>
      // ID пользователя или группы в Телеграм
      let chatId = '-918658902';
      let options = {

          selector: 'form#callback',
          metrikaID: '88845562',
          ymEvent: 'form-send',
          thankYouPage: undefined,
          gaEvent: undefined
      }

      let tg = new TelegramOrder(chatId, options);
  </script>

Настройка Telegram

Откройте бота Pantext лиды и запустите его (команда /start). Если вы в chatId указали свой id, то теперь бот будет присылать вам лиды в личные сообщения, в виде вот таких сообщений:

В сообщение попадут все поля формы, а также get-параметры из URL и clientID Яндекс Метрики (если Метрика установлена).

Для того, чтобы настроить отправку лидов в группу, инициализируйте , бота Pantext лиды, добавив его в группу.

Узнайте id группы и напишите её в настройки скрипта в переменную chatId. ID группы всегда начинается со знака "-" (дефис или минус), вместе с этим знаком копируйте его в настройки скрипта.

Проверьте работу бота.

Напоминаю, чтобы получать лиды в личные сообщения, инициализируйте работу бота (команда /start) и в chatId внесите свой Telegram ID, узнав его через бота https://t.me/username_to_id_bot.

Нужно индивидуальное решение, размещенное на вашем сервере? Пишите на d@pantext.ru

Возникли проблемы или вопросы при настройке? Пишите на d@pantext.ru.

Выгодных конверсий!