Интеграция с Google Analytics

Google Analytics — это бесплатный сервис аналитики посещаемости сайта или приложения от поисковой системы Google. Предоставляет детальные данные по всем посетителям, отображая информацию о регионе, операционной системе, источнике трафика и других важных параметрах. В этом уроке мы расскажем, как отслеживать определенные события в чат-боте, созданном в конструкторе Aimylogic.

Вы можете посмотреть пошаговую видеоинструкцию по подключению Google Analytics к боту:

Подготовка аккаунта Google Analytics

Перейдите на сайт Google Analytics и зарегистрируйте аккаунт, если у вас его еще нет. После регистрации вы можете создать свой проект, для этого выберите слева меню Администратор и нажмите кнопку Создать ресурс.

После чего выберите Веб и нажмите кнопку Далее.

На следующем экране укажите любой ваш сайт, выберите часовой пояс.

Далее вас отправит в меню Отслеживание, там будет указан уникальный идентификатор отслеживания, сохраните его у себя.

Для отслеживания определенных событий бота в аккаунте Google Analytics больше ничего не требуется.

Настройка сценария в Aimylogic

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

На первом экране используем блок Условие, там пишем условие $lastSeen — это наша системная переменная. В ней хранится информация о том, сколько секунд назад был предыдущий запрос от пользователя. Если пользователь пришел в первый раз, то в переменной будет undefined и условие вернет false. Если пользователь уже был, значит в переменной есть значение, и наше условие вернет true.

Если условие возвращает true, делаем связь на новый экран с блоком Текст, где напишем «С возвращением». Если условие возвращает false, идем по ветке else и делаем новый экран с блоком Текст, где пишем Приветствие.

Теперь нам нужно передать информацию, на каком экране находится пользователь в Google Analytics. Воспользуемся вебхуком. В нашей статье Вебхук подробно описано, как развернуть вебхук. В данном уроке мы покажем пример кода на node js. Файл webhook.js может выглядеть так:

Развернуть

const request = require('request');

module.exports = (webhook) => {
    webhook
    .on('new_user', (session) => {
        request.post({url:'https://www.google-analytics.com/collect?v=1',
                    form: {
                        tid:'UA-*********-**', // уникальный идентификатор отслеживания
                        cid: session.userId, // уникальный id пользователя, используем нашу системную переменную $userId
                        t: 'event', // тип обращения. Возможные варианты: pageview, screenview, event, transaction, item, social, exception, timing
                        ec: 'game', // категория события, называете вы, может быть любой на ваше усмотрение
                        ea: 'new_user' // действие события, называете также вы
                    }},
                    function(error, response, body){
                        if (!error && response.statusCode == 200) {
                            console.log("ok new_user", session.userId);
                        }
                    })
    })
    webhook
    .on('user', (session) => {
        request.post({url:'https://www.google-analytics.com/collect?v=1',
                    form: {
                        tid:'UA-*********-**', // уникальный идентификатор отслеживания
                        cid: session.userId, // уникальный id пользователя, используем нашу системную переменную $userId
                        t: 'event',  // тип обращения. Возможные варианты: pageview, screenview, event, transaction, item, social, exception, timing
                        ec: 'game', // категория события, называете вы, может быть любой на ваше усмотрение
                        ea: 'user' // действие события, называете также вы
                    }},
                    function(error, response, body){
                        if (!error && response.statusCode == 200) {
                            console.log("ok user", session.userId);
                        }
                    })
    })
};

После того, как опубликуете данный код на вебхук, вам нужно перейти в настройки проекта в сценарии Aimylogic и указать ваш URL вебхука.

Далее переходим в сценарий и ставим необходимые нам метки на экраны и включаем вебхук.

Запустим сценарий и проверим, что данные передаются в аналитику. Перейдем в Отчет в реальном времени/События и увидим там наши события.

Спустя некоторое время эти события появятся в меню Поведение/События/Обзор.