Отправляем звонки в Google Tag Manager из Ringostat

Polina Mordynska
1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 5,00 out of 5)
Loading ... Loading ...
A A A

Отношения офлайна и онлайна остаются одной из сложнейших проблем ecommerce, но мы уверенно продолжаем соединять эти параллельные реальности. Теперь пользователи Ringostat могут отправлять события о звонках в Google Tag Manager, и удерживать с их помощью пользователей на странице. Как это работает и какие перспективы открывает перед владельцами сайтов, расскажет руководитель нашего департамента по работе с клиентами Евгений Заступ.

Передавать звонок как событие в Google Tag Manager

Департамент заботы о клиентах

Евгений Заступ

Руководитель департамента

по работе с клиентами Ringostat

Что такое javascript

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

Еще лет пять назад для установки динамических элементов или связки с системами аналитики был необходим разработчик, который напишет код и поместит его в нужное место на сайте. Но теперь большинство задач можно решить в несколько кликов через сервис Google Tag Manager — далее GTM.

Многие уже знакомы с этой системой, но на всякий случай напомним. Google Tag Manager  — это сервис, который упрощает работу с кодом сайта. Цепочки возможных действий пользователя и ответов сайта на них визуализированы и снабжены подробными инструкциями. Мы описывали работу с ним в статье: «Основы Google Tag Manager».

Импорт данных из Ringostat в GTM позволяет сайту взаимодействовать со звонками так, будто они происходят онлайн  — показывать во время звонка всплывающие окна, переводить пользователя на другие страницы по завершению разговора или отправлять данные в системы аналитики.

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

 

Чем это полезно

Изначально мы разрабатывали функционал для интеграции с Facebook Pixel. Этот сервис отслеживает поведение пользователей на сайте, но не способен принимать информацию об офлайн-действиях. Поскольку звонки совершаются не на сайте, нам пришлось «подружить» Facebook  с ними окольными путями.

Мы разработали систему передачи информации о звонках в GTM, чтобы уже тот признавал звонок как взаимодействие с сайтом и передавал данные о таких конверсиях в Facebook.

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

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

Еще раз: интеграция коллтрекинга Ringostat и GTM приравнивает звонок к клику на сайте. Вам остается только выбрать, как сайт будет отвечать на этот клик и создать код этого ответа.

 

Как настроить передачу событий в GTM

Начнем с настройки в личном кабинете Ringostat. Выберите проект, который будете настраивать и заходите в раздел Скрипт подмены  — Пользовательские js-функции. Выберите время срабатывания своего скрипта:

  • перед звонком, когда клиент набрал номер и ждет ответа;
  • во время поднятия трубки;
  • после звонка, когда пользователь уже поговорил с менеджером или сбросил вызов, не дождавшись ответа.

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

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

Передача звонка как события в GTM

В открывшемся текстовом окне вводим такой код:

(function(data) {dataLayer.push({'event': 'RingostatCall'});
});

Где:

  • function(data)  — функция Ringostat, в которой и будет скрипт, который запустим на вашем сайте;
  • dataLayer.push  — передача данных в Google Tag Manager; 
  • event  — условное обозначение, что звонок будет передаваться как событие на сайте;
  • RingostatCall  — условное название для звонка, здесь можно ввести любое название, хоть «zvonok», хоть просто «Call», главное, чтобы название здесь и в GTM при дальнейшей его настройке совпало.

пример пользовательских кодов в SaaS

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

 

Настройка триггера и события в Google Tag Manager 

В рабочей области GTM откройте раздел Триггеры и выберите «Создать». Дайте новому элементу любое название и кликните на поле «Настройка триггера»

Настройка триггера в GTM

В появившемся списке выберите «Пользовательское событие». Откроется окно, в котором нужно указать имя события, таким, как назвали его в настройках Ringostat (то, что написали на месте RingostatCall в коде выше). Нажмите «Сохранить» в правом верхнем углу.

Затем выберите раздел «Теги», где также нажмите «Создать». Кликните в открывшейся рабочей зоне на поле «Триггеры» и выберите из появившегося списка новосозданный триггер звонка. Затем нажмите «Конфигурация тега» и настройте желаемый ответ на звонок  — передачу данных в Facebook Pixel и прочие системы отслеживания сайтов, или написать пользовательский код.

 

Переменные для уверенных пользователей

Можно уточнить категории звонков, их источники или другие характеристики, передавая в GTM не статическую информацию «был звонок», а переменную. Для этого вернитесь в раздел «Править код», сотрите статическое название события и нажмите Ctrl+Пробел. Промотайте выпавший список подсказок до конца, чтобы посмотреть варианты переменных, которые может передавать Ringostat. 

отправлять переменные в Google Tag Manager

Если выбрать, например, Poll name (название пула), то после каждого звонка в GTM будет поступать информация, что произошел звонок из конкретного пула (группы номеров).

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

Однако, передавая переменную, придется прописать в GTM триггеры и события для всех вариантов ее интерпретации. Поэтому лучше выбрать переменную с конечным числом вариантов вроде utm-меток или номера, на который звонил клиент.

 

Резюме

Данные о звонках из Ringostat теперь можно передавать в сервис Google Tag Manager, используя пользовательские javascript-функции. Благодаря этому сайт может взаимодействовать со звонками так же, как с кликами. Возможности такого взаимодействия практически безграничны, вот лишь несколько примеров использования:

  • удержать недозвонившегося клиента, извиниться перед ним за занятость менеджеров и предложить скидку;
  • получить фидбек от тех, кто общался с менеджерами;
  • передать данные о телефонном разговоре в специфические системы аналитики, вроде Facebook Pixel.

Передавать данные в Google Tag Manager можно до или после звонка, а также в момент поднятия трубки менеджером. Для интеграции нужно лишь прописать по шаблону из статьи функцию передачи данных в личном кабинете Ringostat, а потом настроить отклик в системе GTM.

Задайте нам вопрос

Если вы нашли ошибку - выделите её и нажмите Ctrl + Enter или .

[sendpulse-form id="1099"] [sendpulse-form id="631"]