Отслеживание событий и конверсий Jivo с помощью Яндекс Тег Менеджера

Автоматические цели Jivo

По официальной документации Jivo вы можете настроить цели в Яндекс Метрике и Google Analytics, но только если у вас куплен платный тариф Vip или Pro. В этой статье будет рассказано как настроить бесплатно, воспользовавшись Яндекс Тег Менеджером.

Также, в Яндекс Метрике появляются автоцели от Jivo. Но как многие знают автоцели не показывают точное количество достижении целей.

Автоцели в Яндекс Метрике для Jivosite

Чтобы автоцели автоматически появились и начали показывать данные, нужно убедиться что тумблер активен. Настройки — Счетчик — Автоматические цели (Вкл).

После того как посетители сайта начнут проявлять активность на сайте, вы увидете данные.

Ограничения

• Автоматические цели не учитываются в общем количестве целей счетчика.
• Автоматическая цель не будет создана, если на счетчике уже есть цель с точно таким же условием.
• Данный тип цели невозможно использовать в Составной цели.
• Сервис фиксирует достижение посетителем одной и той же цели на одном счетчике не чаще, чем раз в секунду.
• Во время одного визита посетителя сервис может фиксировать до 1000 достижений офлайн-целей и 400 достижений онлайн-целей, созданных для счетчика.
• При редактировании счетчика или цели накопленная ранее информация не изменяется.
• Если вы удалите цель, собранная по ней информация будет недоступна в отчетах.

Jivo API

Есть вариант лучше — использовать Jivo Api (Widjet Api) и отслеживать события с помощью кода и Яндекс Тег Менеджера и всю информацию видеть в Яндекс Метрике.

В Widget API доступны следующие Callback-функции:

• ivo_onLoadCallback — событие вызывается при завершении инициализации виджета Jivo;
• jivo_onOpen — событие вызывается при открытии окна диалога Jivo;
• jivo_onMessageSent — событие вызывается когда посетитель отправил первое сообщение в чат;
• jivo_onAccept — событие срабатывает, когда оператор нажал кнопку Ответить в уведомлении о новом чате или принял диалог в интерфейсе сервиса;
• jivo_onClose — событие срабатывает, когда происходит сворачивание окна диалога Jivo (нажатие на крестик онлайн-чата);
• jivo_onIntroduction — событие активируется, когда посетитель ввел контактные данные;
• jivo_onResizeCallback — событие срабатывает при любом изменении размеров виджета, например, при его сворачивании или разворачивании, а также при перемещении окна онлайн-чата по странице;
• jivo_onCallStart — событие вызывается при начале звонка на клиентский номер, а также при показе виджета на странице;
• jivo_onCallEnd — событие вызывается при окончании звонка с результатом звонка;
• jivo_onChangeState — событие активируется при переключении виджета из одного состояния в другое, например, при сворачивании и разворачивании окна онлайн-чата;
• jivo_onMessageReceived — событие регистрируется когда от оператора поступило новое сообщение в чат;
• jivo_onClientStartChat — событие сработает, когда пользователь инициирует диалог, отправив сообщение в чат. И только в том случае, если ранее в чате не появлялось активное приглашение от лица оператора;
• jivo_onWidgetDestroy — событие вызывается при полном удалении виджета со страницы. Срабатывает при вызове метода jivo_destroy().

Список событий огромный и сильно отличается от базывах автоцелей. Вот самые важные, которые я всегда подключаю:

• jivo_onOpen — когда открывается окно онлайн-чата;
• jivo_onMessageSent — когда посетитель отправил первое сообщение в чат;
• jivo_onAccept — когда оператор начинает диалог с пользователем;
• jivo_onIntroduction — когда посетитель ввел контактные данные.

Настройка в Яндекс Тег Менеджере

Теперь нам нужно перейти в настройки Яндекс Тег Менеджера.

Заходим в Яндекс Метрике раздел Настройки — Счетчик:

Далее ставим галочку напротив Пользовательский HTML и жмём сохранить.

Создание триггера

Перейдите в Яндекс Тег Менеджер на вкладку Триггеры:

Создайте триггер типа Просмотр страницы:

Название можете указать как у меня или любое для себя понятное. Сохраняем.

Создание тега

Переходим в раздел Теги и создаём тег типа Пользовательский HTML со следующим кодом:

<script>
	function jivo_onOpen () {
		dataLayer.push ({'event':'jivo_onOpen'})
	}

	function jivo_onMessageSent () {
		dataLayer.push ({'event':'jivo_onMessageSent'})
	}
	function jivo_onAccept () {
		dataLayer.push ({'event':'jivo_onAccept'})
	}
	
	function jivo_onIntroduction () {
		dataLayer.push ({'event':'jivo_onIntroduction'})
	}
</script>

В самом Яндекс Тег Менеджере:

Триггер выбираем, который мы создали выше — Все страницы.

События будут фиксироваться в следующих случаях:

• когда открывается окно онлайн-чата;
• когда посетитель отправил первое сообщение в чат;
• когда оператор начинает диалог с пользователем;
• когда посетитель ввел контактные данные.

Создание триггера специального события

Заново заходим в раздел Триггеры для того, чтобы создать новый триггер типа Специальное событие. В поле Название события вставляем следующее регулярное выражение:

jivo_onOpen|jivo_onMessageSent|jivo_onAccept|jivo_onIntroduction

Повторяем как на скриншоте:

Создание целей в интерфейсе Яндекс Метрики

Следующим шагом нам нужно создать цели для которых мы все настраивали выше.

1. Заходим в раздел Цели в Яндекс Метрике.
2. Создадим 4 цели с типом Целевое событие • ex JS-событие.

• jivo_onOpen
• jivo_onMessageSent
• jivo_onAccept
• jivo_onIntroduction

Для каждого из них укажите условие — Идентификатор цели совпадает и затем название callback-функции:

Создание тега Яндекс Метрики

Вернитесь в Яндекс Тег Менеджер, перейдите на вкладку Теги и создайте тег типа Яндекс Метрика:

В открывшемся окне задайте следующую конфигурацию тега:

• ID счетчика — вставьте идентификатор вашего счетчика Яндекс Метрики. Он отображается вверху страницы;
• Идентификатор цели — {{Event}}

Спустя время, если вы все правильно настроили, то в разделе Конверсии будут появляться данные о целях Jivo.