BITRIX24. ЭКСПРЕСС НАСТРОЙКА ЦЕЛЕЙ ЧЕРЕЗ GTM

Mnews.agency
29-03-2020
1821
Разное
BITRIX24. ЭКСПРЕСС НАСТРОЙКА ЦЕЛЕЙ ЧЕРЕЗ GTM

Онлайн-чат - это инструмент коммуникации пользователей с Вашей компанией. На сегодняшний день виджеты Live-чатов переросли со средств поддержки пользователей в мощные инструменты для генерации лидов, что приводит к росту продаж.


В этой статье пойдет речь о том как подключить и настроить аналитику виджета Битрикс24.

Виджет Битрикс24 - установка на сайт

Виджет - это кнопка, которая устанавливается на сайт и при клики на нее пользователю открывается форма онлайн-чата
 
 
Для того, чтобы получить код виджета, необходимо перейти на страницу "CRM - Виджет на сайт" и нажать на кнопку "Код на сайт"
 
 
Скопируйте приведенный скрипт и вставьте его перед закрывающимся тегом /body на свой сайт.

Настройка событий виджета Битрикс24 через Google Tag Manager

За основу взяты статьи из официальной поддержки Битрикс24.
 
1. Создаем тег типа "Пользовательский HTML" с триггером активации All Page.
Данный вариант скрипта будет отслеживать все взаимодействия пользователей с виджетом Битрикс24.
 
2. Создаем переменные типа "Переменная уровня данных" категории и действия события.
 
2.1. Переменная eventCategory.
 
 
2.2. Переменная eventAction.
 
 
3. Создаем тег и триггер для передачи событий виджета Битрикс24 в Google Analytics.
 
3.1. Тег.
 
 
3.2. Триггер
 
 
После публикуем созданные теги и триггеры, проверяем передачу событий в Google Analytics.
 
 
Если все верно - настраиваем цели. Подробная инструкция по настройке ниже! В качестве категорий устанавливаем значение bx24chat, а в действие записываем значение в соответствии с таблицей:
 
Действия события Тип события  
configLoaded загрузка информации об виджете  
operatorMessage сообщение оператора  
widgetClose закрытие виджета  
widgetOpen открытие виджета  
sessionStart старт сессии  
sessionFinish окончание сессии  
sessionOperatorChange смена оператора  
userFile отправка файла пользователем  
userForm заполнение формы пользователем  
userMessage сообщение пользователя
 

ЭКСПРЕСС НАСТРОЙКА ЦЕЛЕЙ ЧЕРЕЗ GTM

Отслеживать будем эту форму:
 
 
Форма в коде выглядит так:
 
 
 
 
Pop Up успешной отправки выглядит так:
 
 

 

Настройка цели в Google Analytics

Шаг 1
 
создаем цель в Google Analytics
 
 
 
Шаг 2
 
ставим радио переключатель на «Собственная»
 
 
 
Шаг 3
 
называем цель и ставим радио переключатель на «Событие»
 
 
 
Шаг 4
 
вводим в поля: Категория «form», Действие «submit»
 
 

Настройка GTM

Переходим в гугл тэг менеджер
 
Шаг 5
 
создаем триггер
 
 
Шаг 6
 
называем триггер и нажимаем конфигурация
 
 
Шаг 7
 
выбираем Доступность элемента
 
 
Шаг 8
 
в выпадающем меню «Метод выбора» выбираем «Селектор CSS»
 
 
Шаг 9
 
открываем код сайта f12 и нажимаем правой кнопкой мыши на заголовок элемента, появится меню Copy >> Copy selector
 
 
Шаг 10
 
вводим selector в поле «Селектор элементов» и нажимаете сохранить
 
 
Шаг 11
 
переходим в меню тег и создаем новый
 
 
Шаг 12
 
называем тег, выбираем тип Universal Analytics
 
 
Шаг 13
 
Тип отслеживания События
 
 
Шаг 14
 
вводим Категория «form» Действие «submit» и Не взаимодействие «True»
 
 
Шаг 15
 
в выпадающем меню «Настройки Google Analytics» выбираем свой id счетчика
 
Шаг 16
 
нажимаем добавить триггер и выбираем наш триггер
 
 
Шаг 17
 
сохраняем тег в GTM
 
 
Шаги 18 и 19
 
публикуем изменения в GTM
 
перезагружаем страницу и отправляем тестовую форму
 
 
Проверка отправки формы
 
Шаг 20 завершающий
 
проверяем отслеживание отправки в Google Analytics в реальном времени
 
Поделиться
В поисках надежного подрядчика по разработке и маркетингу?

Заходите в наши каталоги (по типу компаний):

и выбирайте партнера по ряду критериев: балл, портфолио, отзывы, кейсы и статьи. Или организуйте тендер в данном каталоге, выбрав понравившиеся вам компаниии.

Больше не нужно искать и обзванивать диджитал-агентства!
Создайте тендер и получите предложения от лучших веб-студий Украины.
В каталоге 1700+ диджитал-агентств, готовых помочь в реализации ваших задач. Выберайте и экономьте до 30% своего времени и бюджета! Это бесплатно и займет менее 3-х минут.
Создать тендер
Не пропусти IT новости!
А также актуальные IT: мероприятия, курсы, кейсы и интересные статьи.
Telegramm канал: @itcases
Подписка на рассылку
Получайте одно письмо в неделю с самыми важными новостями.
Bug