Интеграция с Google Tag Manager (передача событий по звонкам)

gtm logo

Google Tag Manager (GTM) – многофункциональное и бесплатное решение от Google, которое позволяет размещать пользовательские скрипты на страницах сайта без непосредственного вмешательства в его код.
GTM дает возможность не только легко добавлять и обновлять скрипты сервисов Google на вашем сайте, но и задавать правила активации различных тегов.

Контейнер GTM позволяет добавить как готовые функции, которые уже предусмотрел Google (GA, события, транзакции, ремаркетинг и др.), так и свои скрипты, которые можно размещать как произвольный код («Яндекс.Метрика», например).


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

Что такое dataLayer (уровень данных)?

dataLayer (уровень данных) — это массив объектов JavaScript, с помощью которого можно передать событие в Google Tag Manager в определенный момент звонка. В интерфейсе GTM на основании передаваемых данных можно настраивать триггеры, а также расширять передаваемую в Google Analytics информацию о посетителе сайта, который позвонил.


Google Tag Manager'у недоступно отслеживание offline событий и он может отследить только то событие, которое произошло на вашем сайте.
В случае звонка, событие будет отправлено скриптом Ringostat и запущено со стороны посетителя, в его браузере. Если в этот момент у него сайт будет уже закрыт, событие о звонке передано не будет и как следствие, возникнет разница в количестве звонков, в журнале Ringostat и системе, в которую GTM переотправит данные по активации триггера.
В случае, если посетитель в течение суток вновь откроет сайт на этом же устройстве, событие по звонку будет отправлено с опозданием.

Настройка отправки событий из Ringostat

В личном кабинете Ringostat, Перейдите в раздел "Скрипт подмены" -> "Пользовательские JS функции".

way to path with customer js funcs

  • Перед звонком
  • В момент поднятия трубки
  • После звонка

Выберите необходимый момент отправки события, нажав на его поле и кликните на кнопку "Править код"

edit code

Далее, необходимо указать имя функции*, которая будет выполнена в этот момент звонка, добавить саму функцию в поле редактора и нажать "Сохранить".
*Рекомендуем добавлять имена, которые описывают действие выполняемое функцией.
Пример добавления события в уровень данных: dataLayer.push({'event': 'RingostatCall'})

add function

После возврата в меню выбора моментов звонка, нажмите кнопку "Сохранить"

save all settings pic


Oтслеживание события в GTM

Создание триггера активации тега

В рабочей области контейнера GTM, перейдите на страницу "Триггеры" и нажмите "Создать":

gtm create trigger

В новом окне добавьте имя и нажмите на поле "Настройка триггера":

trigger settings

Далее, необходимо выбрать "Тип триггера" -> "Пользовательское событие":

trigger type

В окне настроек, добавьте имя события, которое вы указали в настройках функции, в ЛК Ringostat
Условие активации, зависит от целей, которые необходимо достичь(например, можно запускать только на некоторых страницах).
По умолчанию значение установлено как: "Все специальные события":

ending trigger settings

Создание тега с активацией по триггеру

Перейдите на страницу "Теги" и нажмите "Создать":

Добавьте имя тега и нажмите на поле "Конфигурация тега":

create tag, add name and edit config

Последующая настройка зависит от конкретной цели и Google предоставляет доступ не только своим к сервисам, но и позволяет интегрироваться с многими другими сервисами или вызывать собственный Javascript код.
Фактически достаточно установить триггер активации тега и после задать его конфигурацию:

После добавления всех необходимых тегов, не забудьте опубликовать правки!

Настройка передачи событий выполнена!


Простые примеры отправки событий в разные моменты звонка

  • Analytics / "Перед звонком"
  • Метрика / "В момент ответа"
  • Pixel / "После звонка"

Передача событий в Google Analytics "Перед звонком"

В ЛК Ringostat переходим на страницу "Скрипт подмены" -> "Пользовательские функции JS" выбираем момент звонка и добавляем отправку события в уровень данных: dataLayer.push({'event': 'beforeCall'});

В интерфейсе GTM создаём триггер активации c типом "Пользовательское событие" и указываем имя события из уровня данных:

Переходим в раздел теги и создаём новый тег указывая следуюшие данные:

  • Тип тега – Google Аналитика / Universal Analytics
  • Тип отслеживания – Событие
  • Категория – имя события(указанное в триггере)
  • Действие – действие
  • Ярлык – ярлык события
  • Ценность – ценность события(например, 10)
  • Настройки Google Analytics – идентификатор GA или переменная с идентификатором
  • Триггер активации – созданный ранее триггер "Перед звонком"


Передача событий в Яндекс.Метрика "В момент поднятия трубки"

В ЛК Ringostat переходим на страницу "Скрипт подмены" -> "Пользовательские функции JS" выбираем момент звонка и добавляем отправку события в уровень данных: dataLayer.push({'event': 'isAnswered'});

В интерфейсе GTM создаём триггер активации c типом "Пользовательское событие" и указываем имя события из уровня данных:

Переходим в раздел теги и создаём новый тег указывая следуюшие данные:

  • Тип тега – Пользовательский HTML
  • HTML – Javascript код отправки события в Я.Метрика
    yaCounterXXXXXX.reachGoal('RINGOSTAT_ANSWERED_CALL')
  • Триггер активации – созданный ранее триггер "В момент поднятия трубки"


Передача событий в Facebook Pixel "После звонка"

В ЛК Ringostat переходим на страницу "Скрипт подмены" -> "Пользовательские функции JS" выбираем момент звонка и добавляем отправку события в уровень данных: dataLayer.push({'event': 'afterCall'});

В интерфейсе GTM создаём триггер активации c типом "Пользовательское событие" и указываем имя события из уровня данных:

Переходим в раздел теги и создаём новый тег указывая следуюшие данные:

  • Тип тега – Пользовательский HTML
  • HTML – Javascript код отправки события в Facebook Pixel
    fbq('track', 'Contact',{type:{{Ringostat after call}}});
  • Триггер активации – созданный ранее триггер "После звонка"


Была ли статья полезной?