Отслеживание событий в Google Tag Manager
Эту возможность можно использовать для учета конверсий и микроконверсий, построения аудиторий ретаргетинга и look-alike, а также для оптимизации рекламных кампаний с помощью автостратегий.
Для того чтобы отслеживать события МультиЧата через GTM, нужно сначала установить скрипт Callibri в код сайта. Сам скрипт может быть установлен любым способом: как напрямую в код сайта, так и через GTM. После этого можно переходить к настройке отслеживания событий.
Список событий и названия колбэков
- Открытие МультиЧата. Название колбэка: callibri_onOpen
- Закрытие МультиЧата. Название колбэка: callibri_onClose
- Открытие меню МультиЧата в мобильной версии. Название колбэка: callibri_onOpenMobileFirstMenu
- Отправка первого сообщения в чат. Название колбэка: callibri_onMessageSent
- Отправка заявки из МультиЧата. Название колбэка: callibri_onSendFeedback
- Заказ обратного звонка из МультиЧата. Название колбэка: callibri_onSendCallback
- События поп-ап окон:
- Открытие поп-ап окна. Название колбэка: callibriCatcherShow
- Заполнение формы поп-ап окна в режиме «телефон». Название колбэка: callibriCatcherSendCallback
- Заполнение формы поп-ап окна в режиме «email». Название колбэка: callibriCatcherSendFeedback
- Telegram. Название колбэка: callibri_onOpentelegram
- Facebook Messenger. Название колбэка: callibri_onOpenfacebook
- ВКонтакте. Название колбэка: callibri_onOpenvk
- Viber. Название колбэка: callibri_onOpenviber
- Одноклассники. Название колбэка: callibri_onOpenok
- WhatsApp. Название колбэка: callibri_onOpenwhatsapp
- Instagram Direct. Название колбэка: callibri_onOpeninstagram
- Telegram. Название колбэка: callibri_onOpenPublictelegram
- Facebook. Название колбэка: callibri_onOpenPublicfacebook
- ВКонтакте. Название колбэка: callibri_onOpenPublicvk
- Viber. Название колбэка: callibri_onOpenPublicviber
- Одноклассники. Название колбэка: callibri_onOpenPublicok
- YouTube. Название колбэка: callibri_onOpenPublicyoutube
- Instagram. Название колбэка: callibri_onOpenPublicinstagram
- WhatsApp. Название колбэка: callibri_onOpenPublicwhatsapp
- Открытие квиза. Название колбэка: callibri_onQuizOpen
Аргумент функции: ID квиза. - Прохождение вопроса квиза. Название колбэка: callibri_onQuizStep
Аргументы функции: ID квиза, номер пройденного вопроса (0 — стартовый слайд, 1 — первый вопрос, 2 — второй вопрос и т.д.). - Переход на форму заявки в квизе. Название колбэка: callibri_onQuizFinish
Аргумент функции: ID квиза. - Отправка заявки из квиза. Название колбэка: callibri_onQuizOrder
Аргумент функции: ID квиза.
Добавление колбэков в GTM
dataLayer.push({'event': 'event_name'});
<script> function callibri_onOpen() { dataLayer.push({'event': 'callibri_onOpen'}); } function callibri_onClose() { dataLayer.push({'event': 'callibri_onClose'}); } function callibri_onOpenMobileFirstMenu() { dataLayer.push({'event': 'callibri_onOpenMobileFirstMenu'}); } function callibri_onMessageSent() { dataLayer.push({'event': 'callibri_onMessageSent'}); } function callibri_onSendFeedback() { dataLayer.push({'event': 'callibri_onSendFeedback'}); } function callibri_onSendCallback() { dataLayer.push({'event': 'callibri_onSendCallback'}); } function callibriCatcherShow() { dataLayer.push({'event': 'callibriCatcherShow'}); } function callibriCatcherSendCallback() { dataLayer.push({'event': 'callibriCatcherSendCallback'}); } function callibriCatcherSendFeedback() { dataLayer.push({'event': 'callibriCatcherSendFeedback'}); } function callibri_onOpentelegram() { dataLayer.push({'event': 'callibri_onOpentelegram'}); } function callibri_onOpenfacebook() { dataLayer.push({'event': 'callibri_onOpenfacebook'}); } function callibri_onOpenvk() { dataLayer.push({'event': 'callibri_onOpenvk'}); } function callibri_onOpenviber() { dataLayer.push({'event': 'callibri_onOpenviber'}); } function callibri_onOpenok() { dataLayer.push({'event': 'callibri_onOpenok'}); } function callibri_onOpenwhatsapp() { dataLayer.push({'event': 'callibri_onOpenwhatsapp'}); } function callibri_onOpeninstagram() { dataLayer.push({'event': 'callibri_onOpeninstagram'}); } function callibri_onOpenPublictelegram() { dataLayer.push({'event': 'callibri_onOpenPublictelegram'}); } function callibri_onOpenPublicfacebook() { dataLayer.push({'event': 'callibri_onOpenPublicfacebook'}); } function callibri_onOpenPublicvk() { dataLayer.push({'event': 'callibri_onOpenPublicvk'}); } function callibri_onOpenPublicviber() { dataLayer.push({'event': 'callibri_onOpenPublicviber'}); } function callibri_onOpenPublicok() { dataLayer.push({'event': 'callibri_onOpenPublicok'}); } function callibri_onOpenPublicyoutube() { dataLayer.push({'event': 'callibri_onOpenPublicyoutube'}); } function callibri_onOpenPublicinstagram() { dataLayer.push({'event': 'callibri_onOpenPublicinstagram'}); } function callibri_onOpenPublicwhatsapp() { dataLayer.push({'event': 'callibri_onOpenPublicwhatsapp'}); } function callibri_onQuizOpen(q) { dataLayer.push({ 'quiz_id': q, 'event': 'callibri_onQuizOpen' }); } function callibri_onQuizStep(q, s) { dataLayer.push({ 'quiz_id': q, 'quiz_step': s, 'event': 'callibri_onQuizStep' }); } function callibri_onQuizFinish(q) { dataLayer.push({ 'quiz_id': q, 'event': 'callibri_onQuizFinish' }); } function callibri_onQuizOrder(q) { dataLayer.push({ 'quiz_id': q, 'event': 'callibri_onQuizOrder' }); } </script>
Инструкция по добавлению тега:
- В кабинете GTM выберите «Новый тег»:
Настройка триггеров и переменных
Для примера рассмотрим настройку триггера и переменной для отслеживания события открытия квиза.
Пример настройки триггера открытия квиза
- Перейдите в раздел Триггеры и кликните кнопку Создать:
Пример настройки переменных
- Перейдите в раздел Переменные и кликните кнопку Создать:
Если вы будете создавать переменную с номером пройденного вопроса квиза, то вместо quiz_id подставьте quiz_step.
Настройка тегов событий
- На главном экране GTM выберите «Новый тег»:
Публикация изменений
- После того, как вы настроите все теги, отправьте изменения на публикацию, кнопка находится в правом верхнем углу.
Связанные страницы
Установить скрипт в код сайта напрямую
Инструкция подойдет, если у вас есть доступ напрямую в код сайта.
Установить скрипт через Google Tag Manager
Инструкция для тех, кто устанавливает виджеты и сервисы через Google Tag Manager.
Установить скрипт на WordPress
Инструкция для владельцев сайтов на WordPress. Для установки нужен плагин.
Установить скрипт на Tilda
Инструкция для владельцев сайтов, созданных на базе Tilda.
Установить скрипт на Битрикс24
Инструкция для владельцев сайтов, созданных в Битрикс24.
Установить скрипт на LPgenerator
Пошаговая инструкция по установке на конструктор сайтов LPgenerator.
Установить скрипт на Tobiz
Инструкция для владельцев сайтов, созданных в конструкторе Tobiz.
Отслеживание событий в Google Tag Manager
Инструкция по настройке отслеживания событий МультиЧата через Google Tag Manager.
Дополнительные возможности скрипта Callibri
Как открывать МультиЧат по #якорю в URL, как скрыть сервис на конкретной странице и другие возможности.