websitelytics

Menu

Новая версия аналитики от Google (App+Web) и электронная коммерция

Опубликовано: 12 сен 2020

Технологии онлайн коммерции, маркетинга и интернета в целом постоянно меняются и развиваются. Связано это с несколькими факторами, среди которых помимо конкуренции, в техническом плане к одним из основных можно отнести изменения в браузерах в отношении развития приватности, введения новых API на замену старым, снижение роли и даже блокировки некоторых cookies и т.п. При этом на мой скромный взгляд изменения происходят настолько быстро, что если вы не следите за твитами продуктологов и тимлидов основных участников индустрии, то скорее всего вы можете отстать и как результат потерять в качестве данных и соответственно в эффективности принятии data-driven решений.

С развитием и изменением интернет технологий возникает необходимость развития и адаптации к новым задачам и у аналитических систем. Наверное поэтому не так давно компания Google выпустила новую версию Google Analytics (App+Web), в которой реализован новый принцип агрегирования данных на основе событий и параметров, возможность объединять данные приложений и сайтов, а также экспорт сырых данных (хитов) в аналитическое хранилище данных BigQuery практически "из коробки" для некоммерческой версии.

И хотя на данный момент новая система аналитики находится на этапе Beta и имеет ряд моментов, которые требуют доработки, в ней появились отчеты по электронной коммерции, что естественно заслуживает внимания. Поскольку на текущем этапе на мой взгляд App+Web Analytics еще не может полностью заменить первую версию Google Analytics, мы рассмотрим на примере отслеживания транзакций, как можно подключить электронную коммерцию в App+Web параллельно старой аналитики через GTM на основе уже реализованной на вашем сайте модели данных ecommerce событий в dataLayer.

О чем нужно помнить при создании нового представления App+Web аналитики

1. В настройках Представления указываем код вашей основной валюты:

2. В разделе DataSettings > Data Retention выбираем доступный максимальный период.

3. В интерфейсе Firebase (на данный момент так, но скорее всего потом возможность экспорта будет реализована непосредственно в интерфейсе App+Web) создаем связку (linking) с аналитикой App+Web и подключаем экспорт данных в BigQuery. Подробнее в официальной справке - BigQuery Export для ресурсов типа "Приложение и сайт"

4. Если мы хотим, чтобы наш датасет в BigQury с данными хитов был в дрогой географической зоне, а не в US, которая выбирается по умолчанию, нам перед созданием связки с BigQuery нужно самим создать датасет в нашем проекте под названием analytics_<GA property ID>, выбрав нужную географическую локацию.

Подключение электронной коммерции в App+Web через GTM

Основной момент подключения заключается в том, что модель ecommerce данных (событий) в App+Web отличается от аналогичной модели в старой аналитике.

Мы видим не массив products, а массив items и ряд других изменений. Соответственно, если мы хотим использовать уже имеющиеся у нас на сайте данные, нам нужно сделать некое их преобразование, чтобы теги новой аналитики в GTM также могли отправлять данные о транзакциях и других ecommerce событиях. Подробнее о тегах App+Web

Преобразования мы будем делать через переменные GTM типа Custom JavaScript. На примере события покупки (purchase) нам нужно будет создать следующие переменные (названия условные):

1. JSV AW ecom (список товаров)

function() {
    var items;
    items =  {{DLV ecommerce}}['purchase']['products'].map(function(pr){
        i_keys = ['id', 'name', 'brand', 'category', 'variant'];
        item = {};
        for (var key in pr) {
            item[i_keys.indexOf(key) !== -1 ? 'item_'+key:key] = pr[key];
          }
        return item
    })

    return items;
}

Здесь переменная {{DLV ecommerce}} — это объект enhanced ecommerce в dataLayer:

2. JSV transaction.id (id транзакции)

function() {
    return {{DLV ecommerce}}['purchase']['actionField']['id'];
}

3. JSV transaction.revenue (выручка)

function() {
    return {{DLV ecommerce}}['purchase']['actionField']['revenue'];
}

4. JSV transaction.currencyCode (код валюты)

function() {
    return {{DLV ecommerce}}['currencyCode'];
}

Тогда тег отправки события App+Web покупки Purchse будет выглядеть следующим образом. Выполнятся он может по тому же триггеру, что и аналогичный тег для старой аналитики.

Обратите внимание, что параметр currency в случае App+Web является обязательным, иначе в отчете будут отсутствовать цифры по выручке. Также можно добавить параметр debug_mode и встроенную переменную Debug Mode для использования раздела DebugView в интерфейсе App+Web в целях проверки событий.

Отчеты электронной коммерции находятся в разделе Ecommerce:

Отладка

В случае правильного подключения всех переменных в режиме debug для Google Analytics в консоли можно видеть информацию об отправляемом хите покупки в новую аналитику v: 2

Также при использовании в теге GTM параметра debug_mode параметры события можно наблюдать во вкладке DebugView в интерфейсе Google Analytics App+Web: