Как отправлять заявки с лендинга прямо в Telegram

image

В наши дни очень трудно представить сайт, на котором не было бы формы обратной связи, это наиболее привычный способ обратится в Вашу компанию с вопросом, заказать товар или услугу. Благодаря API Telegram можно довольно просто и быстро настроить отправку этих данных в специальный чат Telegram. Работать с почтой менее удобно нежели с привычным мессенджером, заявки поступаю очень быстро и удобно.

Создаем бота и чат для заявок

Теперь переходим к созданию нашей формы обратной связи на самом сайте. Ниже представлен простейший пример которого достаточно для работы, стилизовать форму можно естественно как угодно.

  • Атрибут action ссылается на обработчик нашей формы (необходимо создать файл telegram.php)
  • Отправка формы осуществляется методом «POST»

Как отправлять заявку с сайта в Telegram через PHP скрипт

Создаем обработчик нашей формы

Нам необходимо сначала записать все данные в переменные для удобства работы

Для получения $chat_id необходимо выполнить небольшую манипуляцию, в браузерной строке необходимо ввести следующий url: api.telegram.org/botХХХХХХ. /getUpdates заменив при этом символы ХХХХХХ. на полученный «token», в браузере отобразится вся нужная информация, в пункте «chat» находим наш id

Ниже привожу код обработчика, обратите внимание, Telegram внесен в реестр запрещенных сайтов на территории РФ, поэтому обращаться к HTTP API мы будем через PHP расширение «CURL» с использованием Proxy сервера

trim ( strip_tags ( $_POST [ ‘user_name’ ] ) ) , «Телефон клиента: » => trim ( strip_tags ( $_POST [ ‘user_phone’ ] ) ) , «Email клиента: » => trim ( strip_tags ( $_POST [ ‘user_email’ ] ) ) , ] ; // Создаем строку со всеми данными от клиента для передачи API Telegram foreach ( $arr as $key => $value ) < $txt .= «
» . $key . «
» . $value . «%0A» ; > $url = «https://api.telegram.org/bot < $token >/sendMessage?chat_id= < $chat_id >text= < $txt >» ; $proxy = «67.154.111.452:3128» ; $ch = curl_init ( ) ; curl_setopt ( $ch , CURLOPT_URL , $url ) ; // url на который осуществляется отправка // тестового запроса работает через https // поэтому нужно добавить флаги для работы с ssl curl_setopt ( $ch , CURLOPT_SSL_VERIFYPEER , 0 ) ; curl_setopt ( $ch , CURLOPT_SSL_VERIFYHOST , 0 ) ; // Подключение к прокси серверу curl_setopt ( $ch , CURLOPT_PROXY , $proxy ) ; // если требуется авторизация // curl_setopt($ch, CURLOPT_PROXYUSERPWD, $proxyauth); // отправка запроса curl_setopt ( $ch , CURLOPT_FOLLOWLOCATION , 1 ) ; curl_setopt ( $ch , CURLOPT_RETURNTRANSFER , 1 ) ; curl_setopt ( $ch , CURLOPT_HEADER , 1 ) ; $curl_scraped_page = curl_exec ( $ch ) ; curl_close ( $ch ) ; // Конец обращения к Telegram API

Еще по теме:  На маке перестал работать Телеграм

Источник: conversite.ru

Заявки с сайта в Telegram с помощью Google Tag Manager

Контекстная, таргетированная реклама и веб-аналитика

Подробное руководство по настройке отправки заявок с сайта в Telegram с помощью Google Tag Manager своими руками.

Возможности диспетчера тегов Google безграничны. С его помощью можно решать большое количество различных задач специалистов разного профиля — маркетологов, аналитиков, разработчиков. Чем больше я работаю с этим инструментом и чем больше знаю, тем больше понимаю, что ничего не знаю (с). Одной из таких нетривиальных задач, которую можно решить с помощью GTM, является отправка заявок с сайта в мессенджер Telegram.

Чтобы проще было понять, о чем идет речь, я записал короткое видео демонстрации того, что мы будем учиться отслеживать:

Пользователь заходит к вам на сайт, оставляет заявку, и вы сразу получаете ее в Telegram. Реализовать это можно самостоятельно, без каких-либо финансовых затрат, используя только возможности Telegram, Google Spreadsheet и Google Tag Manager.

Какой практический смысл этой настройки?

Вопрос хороший, особенно в текущих условиях рынка, когда владельцы бизнесов стараются настраивать проекты таким образом, чтобы получать лиды в CRM-системе, имея единую централизованную систему сбора данных о входящих обращениях с последующей возможностью построения сквозной аналитики.

Перед проведением 2 ноября 2020 года бесплатного вебинара на своем канале YouTube, на котором в режиме реального времени показывал данную настройку, я определил для себя несколько целей:

  • продемонстрировать нестандартные возможности работы с Google Tag Manager;
  • иметь запасной вариант приема обращений (дополнение к CRM-системе, e-mail и т.д.);
  • потому что это бесплатно и просто, а значит каждый может попробовать настроить;
  • забавы ради;

Полное видео трансляции можно посмотреть ниже:

Как это сделать?

Последовательность настройки отправки заявок с сайта в Telegram с помощью GTM сводится к нескольким простым шагам:

  • создание Telegram-бота;
  • получение token;
  • активация бота;
  • получение chat id;
  • настройка извлечения данных из полей формы в Google Tag Manager + специальный тег;
  • добавление кода в редактор скриптов с указанием всех настроек;
  • отправка заявки с сайта и проверка, дошла ли она в Telegram;
Еще по теме:  Разрешение на вступление в группу Телеграм

Давайте рассмотрим каждый шаг подробнее.

Создание Telegram-бота

Рекомендация: для удобства работы и тестирования установите десктопную версию Telegram.

Заявки с сайта в Telegram с помощью Google Tag Manager

Главный бот BotFather

Нажмите на кнопку Start или введите /start:

Заявки с сайта в Telegram с помощью Google Tag Manager

Вы увидите список команд для создания бота или управлениями текущими (уже созданными):

Заявки с сайта в Telegram с помощью Google Tag Manager

Команды для бота

В списке есть команда /newbot. Данная функция позволяет создать нового бота. Вы можете прописать эту команду вручную в поле отправки сообщения или просто нажать на эту команду в списке:

Заявки с сайта в Telegram с помощью Google Tag Manager

Придумайте имя для бота и нажмите Enter (в моем примере — myfirstbot):

Заявки с сайта в Telegram с помощью Google Tag Manager

На следующем шаге выберете логин (username) для вашего бота. Он должен заканчиваться на bot. Например: TetrisBot или tetris_bot (в моем примере — moyLeadBot):

Заявки с сайта в Telegram с помощью Google Tag Manager

Логин (username) Telegram-бота

Если логин занят, вам придет уведомление: Sorry, this username is already taken. Please try something different. Вам нужно будет придумать другой username для своего бота

Заявки с сайта в Telegram с помощью Google Tag Manager

Сохраните токен, который бот вам пришлет в ответном сообщении (в моем примере — 1373742947:AAEULIWMmPCEAqSoduIYlIj-PezQrIjDmmE) . Он понадобится вам в дальнейшем.

Заявки с сайта в Telegram с помощью Google Tag Manager

Затем следует активировать бота. Чтобы это сделать, вам нужно найти его в поиске Telegram и нажать на Start:

Заявки с сайта в Telegram с помощью Google Tag Manager

Теперь необходимо получить chat id. Вставьте в браузер ссылку:

Источник: osipenkov.ru

Отправка данных из Яндекс.Формы в Telegram

Интеграция Яндекс.Формы и Telegram

Кто-то пользуется в своих рабочих целях Яндекс формы (forms.yandex.ru) и не всегда удобно мониторить почту, особенно рабочую. И тогда я для себя поставил вопрос: «Можно ли отправлять уведомления через Telegram бота из Яндекс Формы?» и первый ответ в поиске дал ответ на мой вопрос: «Да, можно», но эта инструкция немного устарела.

Поэтому я пишу данную статью-инструкцию для других, надеюсь, кому-то помогу, потому что тех поддержка Яндекса говорит, что они не поддерживают такую интеграцию и предлагают использовать внешние сервисы — они лукавят.

Еще по теме:  Как прибавить подписчиков в Телеграмме

Шаг 1. Регистрируем бота

Я не хочу останавливаться на этом шаге, есть очень много инструкций и очень подробных, например, https://habr.com/ru/articles/262247/

Шаг 2. Интеграция с Яндекс.Форма

Я пропущу тот шаг, что нужно добавить поля в саму форму и т.п. Думаю, что с этим не будет у вас проблем.

Главный наш экран — это вкладка «Интеграции»

Экран интеграции

Внизу формы есть 2 плитки: Почта и API, жмем на API и выбираем «Запрос JSON-RPC»

Выбрать Запрос JSON-RPC POST

Далее перед нами откроется форма для добавления URL синхронизации с нашим ботом

В поле URL нужно внести:

bot — здесь, после bot вставляем токен, который получили при создании бота;

— здесь подставляем через плюсик данные, которые будет отправлять бот, для меня идеально — название формы + содержимое всех ответов, если вас это устраивает, то берите копируйте и вставляйте как есть:

Название — подстановка названия формы в начале сообщения;

%0A — подстановка пробелов между названием формы и ответами;

Ответы на все вопросы — подстановка всех ответов в форме.

После нажимаем сохранить и у вас получиться, что-то подобное:

Вид готовой интеграции

Можете заполнять свою форму и отправлять ее, и ваш бот отправит вам уведомление в телеграмм о новом ответе.

Надеюсь, данная статья будет вам полезна!

  • яндекс форма
  • телеграм бот
  • интеграция сервисов

Источник: habr.com

Рейтинг
( Пока оценок нет )
Загрузка ...