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 функции".
- Перед звонком
- В момент поднятия трубки
- После звонка
Выберите необходимый момент отправки события, нажав на его поле и кликните на кнопку "Править код"
Далее, необходимо указать имя функции*, которая будет выполнена в этот момент звонка, добавить саму функцию в поле редактора и нажать "Сохранить".
*Рекомендуем добавлять имена, которые описывают действие выполняемое функцией.
Пример добавления события в уровень данных: dataLayer.push({'event': 'RingostatCall'})
После возврата в меню выбора моментов звонка, нажмите кнопку "Сохранить"
Oтслеживание события в GTM
Создание триггера активации тега
В рабочей области контейнера GTM, перейдите на страницу "Триггеры" и нажмите "Создать":
В новом окне добавьте имя и нажмите на поле "Настройка триггера":
Далее, необходимо выбрать "Тип триггера" -> "Пользовательское событие":
В окне настроек, добавьте имя события, которое вы указали в настройках функции, в ЛК Ringostat
Условие активации, зависит от целей, которые необходимо достичь(например, можно запускать только на некоторых страницах).
По умолчанию значение установлено как: "Все специальные события":
Создание тега с активацией по триггеру
Перейдите на страницу "Теги" и нажмите "Создать":
Добавьте имя тега и нажмите на поле "Конфигурация тега":
Последующая настройка зависит от конкретной цели и Google предоставляет доступ не только своим к сервисам, но и позволяет интегрироваться с многими другими сервисами или вызывать собственный Javascript код.
Фактически достаточно установить триггер активации тега и после задать его конфигурацию:
После добавления всех необходимых тегов, не забудьте опубликовать правки!
Настройка передачи событий выполнена!
Простые примеры отправки событий в разные моменты звонка
- Analytics
"Перед звонком" - Метрика
"В момент ответа" - Pixel
"После звонка" - DV360 или Campaign Manager
"Перед звонком"
Передача событий в 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}}}); - Триггер активации – созданный ранее триггер "После звонка"
Передача событий в Google DV360 или Google Campaign Manager "Перед звонком"
Данная настройка решает задачу - отслеживать звонки в рекламных кабинетах Google DV360 или Google Campaign Manager. В ЛК Ringostat переходим на страницу "Скрипт подмены" -> "Пользовательские функции JS" выбираем момент звонка и добавляем отправку события в уровень данных: dataLayer.push({'event': 'RingostatCall'});
В интерфейсе GTM создаём триггер активации c типом "Пользовательское событие" и указываем имя события из уровня данных:
Переходим в раздел теги и создаём новый тег указывая следующие данные:
- Тип тега – Счетчик Floodlight
- Идентификатор рекламодателя - находится на странице сведений о рекламодателе под его именем
- Строка тега группы - invmedia. В таблице "Действие" найдите нужное действие и посмотрите, какая строка тега группы приводится в столбце справа
- Строка тега действия - calll0. В таблице "Действие" найдите нужное действие и посмотрите, какая строка тега действия приводится в столбце справа.
- Метод подсчета - Стандартный
- Триггер активации – созданный ранее триггер "Перед звонком"