Перейти на сайт

Google Analytics

Как настроить интеграцию с сервисом аналитики Google Analytics

Можно настроить отправку в Google Analytics любых событий, в частности "открыт чат", "получил триггерное сообщение" или "оставлен ответ на триггерное сообщение"

Настроить передачу можно двумя способами:

  • Через раздел Настроить JavaScript код
  • Через триггерные сообщения

Передача данных через раздел Настроить JavaScript код

Для этого способа используется инструмент callbacks.

Перейдите в раздел "Настройки" - "Сбор данных о посетителях" - "Настроить 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. 

Этот способ позволяет настроить передачу не только тех событий, для которых работает callback, но и всех остальных. В статистике триггерного сообщения вы сможете увидеть пользовтелей, которые были переданы в GA. 

Перейдите в раздел "Триггерные сообщения" и начните создавать новое сообщение. На шаге "Содержание" выберете тип "JavaScipt" - "Создать сообщение с нуля". В появившемся окне введите код, который будет отправлять данные из нас в GA:

В отличие от предыдущего способа, нам понадобится только одна строчка кода, которая будет содержать кодовое слово, идентифицирующее событие. В нашем примере это

ga.getAll()[0].send('event', 'CarrotQuest', 'ConversationStarted');

Этим кодом мы будем передавать событие "Пользователь начал диалог в чате". Обратите внимание, вместо 'ConversationStarted'  вы можете записывать любое другое кодовое слово. 

Для того, чтобы запустить JavaScript код, необходимо событие-триггер, после выполнения которого данные будут уходить из нас в GA. Поскольку мы передаём данные о начале диалога в чате, в качестве триггера выберем соответствующее событие:

Сохраните сообщение.

Получилось следующее - пользователь выполняет событие "Пользователь начал диалог в чате", сообщение вида JavaScript отправляет данные из нас в GA.

По аналогии с примером выше можно настраивать передачу любых других событий.

Подробнее о том, как создать цель в GA, можно узнать здесь.

Отправка данных в Google Analytics с указанием id счетчика

В случае, если вы используете несколько счётчиков Google Analytics на странице и хотели бы передавать данные только в один из них, может помочь следующий код:

 ga.getAll().filter(tracker => (tracker.get('trackingId')==='UA-xxxxxxxxx-x'))[0]
     .send('event', 'CarrotQuest', 'testEvent');

В представленном коде вместо UA-xxxxxxxxx-x  укажите номер счётчика, в которых хотите отправлять данные.

Вместо testEvent  укажите название цели, которую передаёте в Google Analytics.

Добавить код необходимо в раздел "Настройки" - "Сбор данных о посетителях" - "Настроить JavaScript код". В появившемся окне добавьте код для передачи данных. Если в этом разделе уже записаны какие-либо скрипты, добавить новый нужно после последнего, через строку.

Важно: счетчик с указанным id должен быть на странице, где вы используете этот код. Если его не будет, возможно появление ошибок.

Подробнее о том, как создать цель в 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. Завершите создание сообщения и запустите его.

Теперь, когда кто-то открывает ваш емейл, будет записываться метрика, которую вы сможете посмотреть в вашем отчёте:

image00.jpg


Работает на