Воронка событий в Google Analytics

Как понять реальный путь пользователя по сайту? На какие кнопки он нажал? Какие функции использовал чаще, а какие реже? Какой путь идеальный для успешной «активации» посетителя? Попробую ответить сразу на все эти вопросы.

В закладки

Как сказал Микеланджело - «Я беру глыбу мрамора и отсекаю от нее все лишнее». В случае если заранее знаешь - что хочешь получить, это хоть как-то выполнимая задача, но вот парадокс - при запуске стартапа вот совсем далеко не всегда можем понять, что лишнее, что важное, а что вроде важное и нужное, но никто об этом не знает :)

Это особенно актуально для новых сервисов с каким-то уникальным набором возможностей, где нет исследований конкурентов, отзывов на форумах типа «а добавьте еще вот такую штуку». Поэтому на помощь нам приходит Google Analytics.

Что такое воронка событий

До того как настраивать воронку событий - для начала неплохо было бы разобраться что это такое. Вот простой пример воронки:

​Находится эта воронка в GA на вкладке: Поведение-События-Карта событий.

Что мы здесь видим? Воронку поведения! Она многоуровневая и сложная, поэтому проще всего ее рассматривать по частям.

Столбец 1 - характеристики посетителей Здесь можно выбрать различные варианты характеристик. На скрине выше выбрана страна, но по сути, здесь можно выбрать, к примеру, только посетителей с мобильных, с определенным разрешением браузера или, к примеру, только тех кто пришел с конкретного рекламного источника.

Столбец 2 - это первый шаг (событие), который сделал пользователь после захода на сайт. Чем чаще используют функцию - тем выше она будет в списке.

Столбцы 3 и далее - это все те же шаги что и в столбце 2, но уже вариативные. Т.е. сюда попадают все шаги, которые пользователь совершил после любого из первого столбца.

Чтобы было проще сориентироваться, в Google Analytics есть удобная функция «подсвечивания» воронок. Достаточно кликнуть по любому событию и выбрать там «Показать проходящий здесь трафик»:

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

Помимо непосредственно воронки - в отчетах Google Analytics есть по сути такая же штука, только в виде таблицы:

​Находится этот отчет на вкладке «Лучшие события».

Настройка событий

Вроде с тем, что это такое и зачем это надо - разобрались, осталось понять как это все настраивать.

По сути, все события настраиваются ровно точно также, как и цели в Google Analytics, но без целей :)

Скриним все!

Первый этап может показаться странным, но поверьте, он крайне важен. Надо сделать скрины всех функций и пронумеровать их. Например, вот так:

Скрин с альфа-версии Чеклистера https://checklister.io/share/ZkejQYE0KyQ9TD5m5KCv

Так скриним каждую УНИКАЛЬНУЮ функцию своего сервиса. Т.е. если на двух разных страницах функции дублируются - не надо их дважды пронумеровывать. Важно следить чтобы нумерация не повторялась. Если мы на скрине 1 закончили цифрой 9, как на скрине выше - то нумерация на следующем скрине начинается с 10. После того как все скрины сделаны - лучше их залить на какое-нибудь облако.

Рабочий документ

После того, как все функции пронумерованы - создаем экселевский документ. Я использую Google Drive и для хранения скринов с пронумерованными функциями и для экселя, чтобы ничего не потерялось. Эксель у нас будет делиться на 2 части - скрины и рабочая область и выглядеть будет следующим образом:

Первая часть (строчки 1-17) - это ссылки на скрины с пронумерованными функциями. Обратите внимание, что каждой ссылке на скрин присвоен номер, чтобы легко было ориентироваться.

Вторая часть (со строчки 20) - это уже рабочая область со списком будущих событий.

Итак, приступаем к заполнению рабочей области:

1 столбец - номер скрина (тот, что в строчках 1-17) чтобы его легко можно было найти в скринах.

2 столбец - номер функции, отмеченной на скрине

3 столбец - class (или event, или id). Этот столбец нужен в том случае, если настройка будет вестись через Google Tag Manager и по каким-то причинам не удается отследить использование конкретной функции. Можно просто добавить, к примеру, уникальный class или, например, js event чтобы данное событие отлавливать.

4, 5 и 6 столбцы - это название события разбитое на 3 части. Писать можно на любом языке, главное чтобы вам самим было понятно, что за действие совершил пользователь.

Я обычно разбиваю так:

  • Категория - это раздел на сайте, в котором находится пользователь;

  • Действие - название функции на странице;
  • Ярлык - использую не всегда, но чаще всего это просто уточнение.

Приведу пример для 4-6 столбцов, чтобы стало попонятнее.

Возьмем обычный интернет-магазин с классическим фильтром товаров по бренду/размеру и т.д.

Данный фильтр находится не на всех страницах, а только на страницах с каталогом товаров, поэтому «Категорию» так и назовем - «Каталог товаров».

Поскольку на странице каталога у нас десяток разных фукнций, а отслеживаем мы использование фильтра - то «Действие» называем «Фильтр».

А вот конкретные события внутри фильтра типа «нажал на кнопку поиск», «выбрал бренд», «отметил галочкой Только в наличии» и т.д. - это уже записываем в поле «Ярлык».

Настройка ресурса

После того как таблица создана - пора приступать к настройке сайта. Сделать это можно двумя способами.

Напрямую вставить к каждому событию JS-код Google Analytics.

Например, код может выглядеть вот так:

gtag('event', <action>, { 'event_category': Каталог товаров, 'event_label': Фильтр, 'value': Выбрал бренд });

Подробнее про настройку событий можете почитать тут: https://developers.google.com/analytics/devguides/collection/gtagjs/events

Через Google Tag Manager

Лично я предпочитаю этот способ, т.к. код не перегружается лишними JS-скриптами да и вообще программист из меня не удался :)

Про настройку Google Tag Manager написано куча инструкций, да и в рамках одного поста рассказать прям про все варианты настройки нереально, расскажу 2 основных момента:

  1. Создаете триггер, который срабатывает при использовании нужной функции.
  2. Создаете тег Universal Analytics, выбираете тип отслеживания «Событие» и в открывшиеся поля просто пишите категорию, действие и ярлык.

Обратите внимание, что настраивать цели на эти события - не нужно! Они будут отображаться в Google Analytics без дополнительной настройки. Хотя и никто не помешает Вам настроить цель на одно из событий например для проведения AB-теста :)

Спасибо большое за внимание!

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Евгений Алферов", "author_type": "self", "tags": [], "comments": 0, "likes": 8, "favorites": 57, "is_advertisement": false, "subsite_label": "marketing", "id": 90207, "is_wide": false, "is_ugc": true, "date": "Tue, 29 Oct 2019 14:56:21 +0300", "is_special": false }
0
{ "id": 90207, "author_id": 13042, "diff_limit": 1000, "urls": {"diff":"\/comments\/90207\/get","add":"\/comments\/90207\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/90207"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199113, "last_count_and_date": null }
Комментариев нет
Популярные
По порядку
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }