Автор: Александр Семенкин, продакт-менеджер поведенческого сервиса онлайн-маркетинга полного цикла LeadHit

Статья из рубрики «Оч.умелые ручки».

Сегодня мы расскажем, как можно своими силами сделать собственный сервис «Обратного звонка» (он же «автозвонилка», «колбэк», «лидбэк» и т.д). Хотим обратить внимание, что все данные основаны на личном опыте, поэтому вы можете не опасаться – рекомендации исключительно практические, теории не будет.

В двух словах напомню, что это такое и чем полезно для сайтов. Это иконка телефона, которая является динамической формой заказа звонка. Динамическая, потому что присутствует на сайте в течение всей сессии посетителя и может располагаться в любом месте браузера – сверху, снизу, слева, справа. Если кликнуть по иконке, всплывает форма с призывом оставить номер телефона и обещанием перезвонить в ближайшее время (через 15-30 секунд). После того, как посетитель оставил номер своего телефона, сервис автоматически и практически мгновенно соединяет вашего оператора и заказчика звонка.

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

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

Один из примеров: на сайте наших клиентов с посещаемостью порядка 4500 человек в день такой сервис привлекает в среднем 2230 минут разговоров в месяц. Что составляет более 1,5 суток чистого времени. Средняя продолжительность разговора составляет 4 минуты, то есть 500-600 обращений в месяц.

Результаты говорят сами за себя. И рекомендовать этот сервис к использованию мне ничего не мешает.

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

Нам понадобится:

• Дизайнер, 1 человек. Он должен нарисовать виджет, который вы будете использовать у себя на сайте. Стоимость: от 1000 рублей до 10000 рублей в зависимости от того какого специалиста возьмете.

• Верстальщик, 1 человек. Он должен сверстать нарисованный виджет. Стоимость от 1000 рублей до 15000 в зависимости от сложностей алгоритмов показа, адаптивности виджета под разные устройства и количества браузеров, которые поддерживает ваш инструмент.

• Программист, 1 человек. Чаще всего это тот же самый верстальщик, который должен повесить на нужную кнопку вызов функции автодозвона. Стоимость от 3000 до 10000. Опять же, зависит от сложности реализации.

Не буду останавливаться на пункте «как нарисовать и сверстать виджет». Мне кажется, что этот вопрос не вызовет затруднений. Перейдем сразу к тому, как реализуется вся механика автодозвона.

Я встречал несколько вариантов решения данного вопроса:

Мы рассмотрим вариант с VoxImplant. Остальные варианты, подозреваю, не намного сложнее. Сразу оговорюсь, что цель данной статьи показать простейший пример автодозвона, но ничто вам не помешает допилить с помощью api voximplant что-то посложнее.

1. Регистрируемся в сервисе VoxImplant

2. В разделе «Пользователи» создаем пользователя, который понадобится для авторизации в приложении.

3. В разделе «Сценарии» создаем сценарий. Это код, который будет исполняться на стороне voximplant при совершении звонка.

Описание API можно найти здесь

Вот небольшой пример подобного сценария:

var call1, call2, phone;

VoxEngine.addEventListener(AppEvents.Started, handleScenarioStart);

VoxEngine.addEventListener(AppEvents.HttpRequest, handleHttpRequest);

function handleHttpRequest(e) {

// Handle HTTP request sent using media_session_access_url

VoxEngine.terminate();

}

function handleScenarioStart(e) {

// Data can be passed to scenario using customData

// script_custom_data param in StartScenarios HTTP request will be available to scenario as customData

// in this scenario we will pass phone string via script_custom_data phone = VoxEngine.customData();

// start scenario - calling number 1

call1 = VoxEngine.callPSTN(phone, '74991112233'); // Office phone // assign event handlers

call1.addEventListener(CallEvents.Connected, handleCall1Connected);

call1.addEventListener(CallEvents.Failed, handleCall1Failed);

call1.addEventListener(CallEvents.Disconnected, handleCall1Disconnected);

}

function handleCall1Failed(e) {

// Fail handler

}

function handleCall1Disconnected(e) {

// Disconnect handler

VoxEngine.terminate();

}

function handleCall1Connected(e) {

// first call connected successfully, play message

call1.say("Приветствие", Language.RU_RUSSIAN_FEMALE);

call1.addEventListener(CallEvents.PlaybackFinished, function(e1) {

// after message played - calling number 2

call2 = VoxEngine.callPSTN(phone, '74991112233');

// assign event handlers

call2.addEventListener(CallEvents.Connected, handleCall2Connected);

call2.addEventListener(CallEvents.Failed, function(e2) {

call1.say("Ничего не получилось", Language.RU_RUSSIAN_FEMALE);

call1.addEventListener(CallEvents.PlaybackFinished, function(e3) {

VoxEngine.terminate(); });

});

call2.addEventListener(CallEvents.Disconnected, function(e2) {

VoxEngine.terminate(); });

});

}

function handleCall2Connected(e) {

// connect two calls with each other – media

VoxEngine.sendMediaBetween(call1, call2);

// and signaling

VoxEngine.easyProcess(call1, call2);

}

4. В разделе «Приложения» создаем приложение, к которому привязываем созданного пользователя. Та же создаем правило, в котором исполняется написанный нами сценарий.

5. По необходимости покупаем номер, на который будут звонить вам и вашим клиентам. Теоретически на каждый сценарий вы можете настроить отдельный номер.

6. Возвращаемся к нашему свёрстанному виджету. При совершении звонка, например при нажатии кнопки «Заказать звонок», нужно вызвать собственную функцию, которая отправит запрос к API. Допустим, она называется makeCall(phone);

Функция makeCall должна вызвать метод StartScenarios, в который нужно передать

Описание метода StartScenarios

Voila, простая версия автодозвона готова. По желанию её можно развивать дальше, как вашей душе угодно. Например, дозваниваться до клиента только, если ваш call-центр ответил и нажал кнопку соединения. Или перебирать несколько номеров ваших менеджеров и выбирать того, который свободен.

Сейчас речь пойдет о том, что следует учесть при запуске, когда всё будет к нему готово.

1. Работа вашего call-центра

Проверьте, чтобы у вашего колл-центра была возможность оперативно реагировать на поступающие заявки. Ведь скорость реакции – это половина успеха. Оптимально купить у VoxImplant выделенный номер, а также выделить номер на своей стороне и принимать эти звонки «мимо» автоответчика. Тем самым, выполняя обещание перезвонить через 25 секунд. А иначе, согласитесь, это будет странно выглядеть, если ваш клиент поднимает трубку в надежде получить ответ на вопрос, а вместо этого услышит: «Оставайтесь на линии, ваш звонок очень важен для нас».

Соответственно, решайте данный вопрос либо программными средствами, либо организационными.

2. Ночное время

Если у вас не круглосуточный колл-центр, это необходимо учесть. Либо просто отключать форму в конце рабочего дня, либо менять текст на «Мы перезвоним утром». В любом случае, это простая задача для вашего верстальщика.

3. Мобильная версия

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

Бюджет мероприятия весьма тривиален! Минута разговора обойдется от 1,6 цента за минуту для городских линий до 2,6 цента для мобильных. На две линии звонок вам обойдется рубля в 3,5 в среднем.

Интеграция совсем ничего не стоит, кроме затрат на программиста.

Выделенный номер – $4.6975 в месяц.

Итого общие расходы в среднем:

* расходы могут быть в два раза меньше или нулевые, если у вас в штате есть необходимый персонал.

Вот и все нехитрые манипуляции, благодаря которым у вас появился собственный сервис обратного звонка. Точнее, только его часть. Дело в том, что многие алгоритмы «отлова лидов» основаны на более интеллектуальной или просто технически более сложной модели. И учитывают множество факторов – когда, кому и с учетом каких условиях принудительно вызывать форму обратного звонка, чтобы не раздражать посетителей и при этом увеличить количество обращений, время приема звонков по дням недели, возможность исключить конкретные номера телефонов и тд. Всё это тоже даёт дополнительный эффект. Но это тема для отдельной статьи.