Отправка заявок в Телеграм без программиста
Что понадобится
Перед тем, как настроить отправку заявок, вам нужно узнать 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.
Выгодных конверсий!