Уведомления о заявках в Telegram через Google Tag Manager

/ Сева Миронович

Очень часто при оценке конверсии интернет-маркетологи останавливаются на лиде. РК дает заявки - превосходно! При этом дальнейшая результативность этих заявок не учитывается агентствами. Какого качества эти лиды? Как они конвертируются в продажи? А ведь именно это важно клиенту. РК может давать штучные заявки, и выглядеть неуспешной по сравнению с другими с точки зрения генерации лидов, но если эти заявки хорошо конвертируются на следующих этапах и в итоге дают прибыль, то кому какое дело? Очевидно, что над воронкой важно работать на всех этапах.

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

Тонкости настройки аналитики в Telegram канале

Содержание

  1. Регистрация бота в Telegram
  2. Получение Сhat ID
  3. Скрипт приема заявок
  4. Отправка данных по заявке
  5. Ссылки
  6. Комментарии

Регистрация бота в Telegram

Чтобы создать бота, нужно стать ботом!

-- Паша

Обратитесь к @BotFather, он подскажет, что к чему. После создания читателю покажут токен для доступа по https, который нужно сохранить, типа такого:

515745555:AAH68UvfhsgjjErnIEUeSuK6Da9UXpmaCM

Получение Сhat ID

Чтобы бот отправлял заявки именно в чат читателя, нужно узнать ID этого чата. Поэтому напишите что-нибудь своему боту, а затем введите токен в форму далее по скроллу.

Если форма по какой-то причине не срабатывает (например, сайт telegram забанен РКН), то вот ручная ссылка для TOR и прочих проксей.

Скрипт приема заявок

Для связи сайта с ботом потребуется шлюз, для которого вполне сгодится Google Spreadsheets.
Так что привычным движением лезем в Инструменты - Редактор скриптов и копипастим нижеследующее:

// токен бота
var botId = '515748915:AAH68UvdkznjUIErnIEUeSuK6Da9UXpmaCM'

// chat Id
var chatId = '269343293'

function doGet(e) {
  if (!e.parameter['phone']) {
    return HtmlService.createHtmlOutput()
  }

  var response =
    '<b>Имя: </b>' +
    e.parameter['name'] +
    '\n' +
    '<b>Телефон: </b>' +
    e.parameter['phone']

  UrlFetchApp.fetch('https://api.telegram.org/bot' + botId + '/sendMessage', {
    method: 'post',
    payload: {
      chat_id: chatId,
      parse_mode: 'HTML',
      text: response,
    },
  })

  return HtmlService.createHtmlOutput()
}

Следом Публикация - Развернуть как веб-приложение.

  • Запускать от моего имени
  • Все, включая анонимных пользователей

Сохраните url опубликованного приложения, он пригодится в дальнейшем.

Отправка данных по заявке

Как и в случае со сквозной аналитикой в Google Spreadsheets данные по заявке будем передавать из GTM через GET-запрос. Их получение во многом зависит от реализации формы на вашем сайте, я конечно рассмотрю самый простой 😆 вариант, в котором при отправке заявки всплывает стандартный триггер gtm.formSubmit.

Для сбора данных создадим несколько переменных:

{{gtm.element}} - переменная уровня данных

{{getName}}

// селектор поля с именем на ваше усмотрение
function(){
  return {{gtm.element}}.querySelector('input[placeholder=Имя]').value
}

{{getPhone}}

// селектор поля с именем на ваше усмотрение
function(){
  return {{gtm.element}}.querySelector('input[placeholder=Телефон]').value

Теперь основной тег типа Пользовательское изображение, в нём ссылка на опубликованный скрипт с добавлением данных заявки.
Должно получиться что-то вроде этого:

https://script.google.com/a/mgcom.ru/macros/s/AKfycbxiuTjkXbmV3NUB7/exec?&name={{getName}}&phone={{getPhone}}

Триггером идет Отправка формы.

Ссылки

CRM со сквозной аналитикой в Google Spreadsheets

средний
инструмент
telegram