Отношения офлайна и онлайна остаются одной из сложнейших проблем ecommerce, но мы уверенно продолжаем соединять эти параллельные реальности. Теперь пользователи Ringostat могут отправлять события о звонках в Google Tag Manager, и удерживать с их помощью пользователей на странице. Как это работает и какие перспективы открывает перед владельцами сайтов, расскажет руководитель нашего департамента по работе с клиентами Евгений Заступ.
Евгений Заступ,
руководитель департамента по работе с клиентами Ringostat
Что такое javascript
Javascript — это язык программирования, который зачастую используют на сайтах для придания интерактивности страницам, реакции сайта на действия пользователя.
Еще лет пять назад для установки динамических элементов или связки с системами аналитики был необходим разработчик, который напишет код и поместит его в нужное место на сайте. Но теперь большинство задач можно решить в несколько кликов через сервис Google Tag Manager — далее GTM.
Многие уже знакомы с этой системой, но на всякий случай напомним. Google Tag Manager — это сервис, который упрощает работу с кодом сайта. Цепочки возможных действий пользователя и ответов сайта на них визуализированы и снабжены подробными инструкциями.
Мы описывали работу с ним в статье: «Основы Google Tag Manager».
Импорт данных из Ringostat в GTM позволяет сайту взаимодействовать со звонками так, будто они происходят онлайн — показывать во время звонка всплывающие окна, переводить пользователя на другие страницы по завершению разговора или отправлять данные в системы аналитики.
Стоит отметить, что хоть у GTM есть набор собственных, шаблонных, функций, для разработки кастомных решений вам все же потребуется программист, владеющий Javascript.
Вас также может заинтересовать статья про установку на сайт Ringostat.
Чем это полезно
Изначально мы разрабатывали функционал для интеграции с Facebook Pixel. Этот сервис отслеживает поведение пользователей на сайте, но не способен принимать информацию об офлайн-действиях. Поскольку звонки совершаются не на сайте, нам пришлось «подружить» Facebook с ними окольными путями.
Мы разработали систему передачи информации о звонках в GTM, чтобы уже тот признавал звонок как взаимодействие с сайтом и передавал данные о таких конверсиях в Facebook.
Однако, GTM умеет куда больше, чем просто делиться информацией с Facebook Pixel, так что на выходе получился инструмент для связи офлайна и онлайна с почти безграничным потенциалом. На звонок можно настроить любой отклик, в зависимости от ваших потребностей и навыков работы с сервисом. Всё это можно реализовать запуском нужных скриптов в GTM. Вот несколько примеров использования.
- Показать недозвонившемуся клиенту поп-ап с извинениями за загруженность и промокодом на скидку, что может повысить его лояльность и задержать в магазине.
- Попросить оценить качество обслуживания после разговора с менеджером и получить ценный фидбек.
- В случае сбоев показывать информацию о текущих поломках и ориентировочном времени их устранения, что немного разгрузит операторов техподдержки.
- Предложить скачать прайс-лист, стандартное коммерческое предложение или другие документы, которые часто приходится отправлять вручную по запросу.
Еще раз: интеграция коллтрекинга Ringostat и GTM приравнивает звонок к клику на сайте. Вам остается только выбрать, как сайт будет отвечать на этот клик и создать код этого ответа.
Как настроить передачу событий в GTM
Начнем с настройки в личном кабинете Ringostat. Выберите проект, который будете настраивать и заходите в раздел Скрипт подмены — Пользовательские js-функции. Выберите время срабатывания своего скрипта:
- перед звонком, когда клиент набрал номер и ждет ответа;
- во время поднятия трубки;
- после звонка, когда пользователь уже поговорил с менеджером или сбросил вызов, не дождавшись ответа.
По умолчанию мы рекомендуем использовать вариант «перед звонком» для более точной работы. Когда пользователь уходит с сайта, он не может производить на нем действия и, если клиент во время разговора закроет ноутбук и уйдет по своим делам, система уже не сможет отреагировать на его действия «после звонка».
Выбрав нужное время, нажимаем в открывшемся поле «Править код».
В открывшемся текстовом окне вводим такой код:
(function(data) {dataLayer.push({'event': 'RingostatCall'});
});
Где:
function(data)— функция Ringostat, в которой и будет скрипт, который запустим на вашем сайте;dataLayer.push— передача данных в Google Tag Manager;event— условное обозначение, что звонок будет передаваться как событие на сайте;RingostatCall— условное название для звонка, здесь можно ввести любое название, хоть «zvonok», хоть просто «Call», главное, чтобы название здесь и в GTM при дальнейшей его настройке совпало.
Нажмите «Сохранить» в правом верхнем углу окна, а затем «Сохранить настройки» под списком функций. Теперь в GTM будут передаваться статичные данные: произошел звонок. Теперь нужно настроить реакцию сайта на это событие.
Настройка триггера и события в Google Tag Manager
В рабочей области GTM откройте раздел Триггеры и выберите «Создать». Дайте новому элементу любое название и кликните на поле «Настройка триггера».
В появившемся списке выберите «Пользовательское событие». Откроется окно, в котором нужно указать имя события, таким, как назвали его в настройках Ringostat (то, что написали на месте RingostatCall в коде выше). Нажмите «Сохранить» в правом верхнем углу.
Затем выберите раздел «Теги», где также нажмите «Создать». Кликните в открывшейся рабочей зоне на поле «Триггеры» и выберите из появившегося списка новосозданный триггер звонка. Затем нажмите «Конфигурация тега» и настройте желаемый ответ на звонок — передачу данных в Facebook Pixel и прочие системы отслеживания сайтов, или написать пользовательский код.
Переменные для уверенных пользователей
Можно уточнить категории звонков, их источники или другие характеристики, передавая в GTM не статическую информацию «был звонок», а переменную. Для этого вернитесь в раздел «Править код», сотрите статическое название события и нажмите Ctrl+Пробел. Промотайте выпавший список подсказок до конца, чтобы посмотреть варианты переменных, которые может передавать Ringostat.
Если выбрать, например, Poll name (название пула), то после каждого звонка в GTM будет поступать информация, что произошел звонок из конкретного пула (группы номеров).
Другой пример использования — передача статуса после звонка. Например, чтобы при получении события о пропущенном звонке показывать посетителю поп-ап с информацией «Вам скоро перезвонят» и дать промокод для удержания. Ведь посетителю достаточно пяти минут, чтобы сделать заказ на сайте вашего конкурента.
Однако, передавая переменную, придется прописать в GTM триггеры и события для всех вариантов ее интерпретации. Поэтому лучше выбрать переменную с конечным числом вариантов вроде utm-меток или номера, на который звонил клиент.
Если вас интересует, как в целом работает Ringostat, советуем статью «Что входит в платформу Ringostat: краткий гайд по 7 продуктам».
Резюме
Данные о звонках из Ringostat теперь можно передавать в сервис Google Tag Manager, используя пользовательские javascript-функции. Благодаря этому сайт может взаимодействовать со звонками так же, как с кликами. Возможности такого взаимодействия практически безграничны, вот лишь несколько примеров использования:
- удержать недозвонившегося клиента, извиниться перед ним за занятость менеджеров и предложить скидку;
- получить фидбек от тех, кто общался с менеджерами;
- передать данные о телефонном разговоре в специфические системы аналитики, вроде Facebook Pixel.
Передавать данные в Google Tag Manager можно до или после звонка, а также в момент поднятия трубки менеджером. Для интеграции нужно лишь прописать по шаблону из статьи функцию передачи данных в личном кабинете Ringostat, а потом настроить отклик в системе GTM.
