Можно настроить отправку в Google Analytics любых событий, в частности "открыт чат", "получил автосообщение" или "оставлен ответ на автосообщение"
Для этого используется инструмент callbacks.
Приведенный ниже код можно вставить в разделе "Настроить JavaScript код" в мастере сбора данных.
Настроить передачу можно двумя способами:
Перейдите в раздел Настройки - Сбор данных о посетителях - Настроить JavaScript код. В появившемся окне добавьте код для передачи данных. Если в этом разделе уже записаны какие-либо коды, добавить новый нужно после последнего кода, через строку.
Событие открыл чат:
// Для GA: carrotquest.addCallback('messenger_opened', function(data) { ga('send', 'event', 'CarrotQuest', 'ChatOpened'); });// Для GTM: carrotquest.addCallback('messenger_opened', function(data) { ga.getAll()[0].send('event', 'CarrotQuest', 'ChatOpened'); });
Событие начал диалог в чате:
carrotquest.addCallback('conversation_started', function(data) { ga.getAll()[0].send('event', 'CarrotQuest', 'ConversationStarted'); });
❗Событие будет отправлено, когда в карточку пользователя запишется стандартное событие Коммуникации: пользователь начал диалог в чате. Оно записывается, когда пользователь инициирует новый диалог в чате (не отвечает на ручное или авто сообщение).
Событие прочитал автосообщение:
// Для GA:
carrotquest.addCallback('conversation_opened', function(data) {
if (data.message == '1234') {
ga('send', 'event', 'CarrotQuest', 'PopupSeen');
}
});
// Для GTM
carrotquest.addCallback('conversation_opened', function(data) {
if (data.message == '1234') {
ga.getAll()[0].send('event', 'CarrotQuest', 'PopupSeen');
}
});
❗Вместо 1234 необходимо добавить ID автосообщения, который можно найти в настройке автосообщения - цифры после /auto/ в адресной строке браузера.
Событие ответил на автосообщение:
// Для GA:
carrotquest.addCallback('user_replied', function(data) {
if (data.message == '1234') {
ga('send', 'event', 'CarrotQuest', 'LeftEmailInPopup');
}
});
// Для GTM
carrotquest.addCallback('user_replied', function(data) {
if (data.message == '1234') {
ga.getAll()[0].send('event', 'CarrotQuest', 'LeftEmailInPopup');
}
});
❗Вместо 1234 так же необходимо указать ID автосообщения.
Если необходимо отправлять в GA событие показа любого поп-апа или сообщения, то нужно вставить такой код:
// Для GA: carrotquest.addCallback('conversation_opened', function(data) { if (data.message) { ga('send', 'event', 'CarrotQuest', 'MessageSeen'); } }); // Для GTM carrotquest.addCallback('conversation_opened', function(data) { if (data.message) { ga.getAll()[0].send('event', 'CarrotQuest', 'MessageSeen'); } });
Второй вариант настройки передачи данных - через раздел Триггерные сообщения. Данные будут передаваться при помощи автосообщения вида JavaScript.
Перейдите в раздел Триггерные сообщения - Мои сообщения и начните создавать новое автосообщение. На шаге Содержание выберете тип JavaScipt - Создать сообщение с нуля. В появившемся окне введите код, который будет отправлять данные из нас в GA:
В отличие от предыдущего способа, нам понадобится только одна строчка кода, которая будет содержать кодовое слово, идентифицирующее событие. В нашем примере это
ga.getAll()[0].send('event', 'CarrotQuest', 'ConversationStarted');
Этим кодом мы будем передавать событие начал диалог в чате.
Для того, чтобы запустить JavaScript код, необходимо событие-триггер, после выполнения которого данные будут уходить из нас в GA. Поскольку мы передаём данные о начале диалога в чате, в качестве триггера выберем соответствующее событие:
Сохраняем автосообщение.
Получилось следующее - пользователь выполняет событие Коммуникации: пользователь начал диалог в чате, автосообщение вида JavaScript отправляет данные из нас в GA.
По аналогии с примером выше можно настраивать передачу любых других событий.
Подробнее о том, как создать цель в GA, можно узнать здесь.
В качестве метрик в Google Analytics Вы можете записывать такие события как, например, открытие письма, передавая эти данные от нас. Давайте посмотрим, как это делается.
1. Создайте цели в Google Analytics
2. Создайте новое сообщение, на шаге Содержание перейдите к редактированию HTML-кода письма.
Далее вставьте код:
<img src=”http://www.google-analytics.com/collect?v=1&tid=UA-XXXXXXX-YY&cid={{user['ClientID']}}&t=event&ec=email&ea=open&el=recipient_id&cs=newsletter&cm=email&cn=11″ />
Рассмотрим составляющие этого скрипта:
<img src= Мы обманываем почтовый сервис, прося его загрузить картинку. На самом деле реального файла картинки нет, адрес который мы вставляем, это GET запрос, который отправляет информацию в GA. Поэтому когда ваше письмо пытается отправить “картинку”, оно на самом деле отправляет информацию в Google Analytics.
http://www.google-analytics.com/collect? Это API для Measurement Protocol. Далее идут параметры, в которые нужно поставить информацию о Tracking ID и информацию о цели.
v=1 Версия протокола (обязательно)
tid = UA-XXXXXX-YY Tracking ID / Web Property ID (обязательно)
cid = {{user['ClientID']}} ID пользователя (обязательно)
Чтобы подставлять ID пользователя из Carrot Quest, запишите Client ID в наше свойство и подставляйте его. Подробнее о том, как это можно сделать, мы рассказываем в этой статье.
t = event тип отслеживания (Tracking type)
ec = email Категория события
ea = open Действие события
el = recipient_id ярлык события (необязательно);
cs = newsletter Campaign Source (необязательно)
cm = email Campaign Medium (необязательно)
cn = 111 Campaign Name (необязательно)
Пример c подставленными параметрами:
<img src=”http://www.google-analytics.com/collect?v=1&tid=UA-12345678-1&cid=456&t=event&ec=email&ea=open&el=recipient_id&cs=newsletter&cm=email&cn=11”/>
3. Завершите создание сообщения и запустите его.
Теперь, когда кто-то открывает ваш емейл, будет записываться метрика, которую вы сможете посмотреть в вашем отчёте: