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

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

 

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

Управляющий департамента

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

Что такое javascript

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

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

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

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

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

 

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

Вначале мы разрабатывали функционал для интеграции с 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  — передача данных в Гугл Tag Manager; 
    • event  — условное обозначение, что звонок будет передаваться как событие на веб-сайте;
    • RingostatCall  — условное заглавие для звонка, тут можно ввести хоть какое заглавие, хоть «zvonok», хоть просто «Call», основное, чтоб заглавие тут и в GTM при предстоящей его настройке совпало.

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

     

    Настройка триггера и действия в Гугл Tag Manager 

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

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

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

     

    Переменные для уверенных юзеров

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

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

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

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

     

    Резюме

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

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

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


    Источник

    Оставьте ответ

    Ваш e-mail не будет опубликован. Обязательные поля помечены *