Аналитика
для дизайнеров
Яндекс и Google дают крутые бесплатные инструменты для веб-аналитики. Их можно эффективно использовать при решении дизайн-задач. «6 шагов для быстрого старта» научат вас мерить то, что хочется, управлять метриками через изменения в продукте и сделать это управление контролируемым.
Материалы подготовлены по мотивам доклада Аналитика для дизайнеров на ProfsoUX 2020.
6 шагов для быстрого старта
Вам понадобится Google Chrome и 2 плагина для него:
GTM/GA Debug для проверки целей,
Google Optimise для работы с а/б тестами.
Шаг 1. Настройка GTM
Мы создаём и устанавливаем на сайт GTM контейнер. Через него мы будем «ловить» события на сайте и подключать другие счётчики.
Вам понадобится
Шаг 2. Подключение Яндекс Метрики и Google Analytics
Создаём счётчики Яндекс Метрики и Google Analytics. Подключаем их через GTM и проверяем, что всё работает.
Вам понадобится
Шаг 3. Настройка целей
Добавляем цель на клик на кнопку. Отправяем цели в Яндекс Метрику и Google Аnalytics. Проверяем несколькими способами, что цели работают.
Вам понадобится
Шаг 4. Подключение Google Optimize
Создаём счётчик Google Optimize и подключаем его к сайту. Создаём пробный тест, чтобы убедиться, что всё работает.
Вам понадобится
Шаг 5. Запуск тестов
Создаём эксперимент через Google Optimize. Работаем с редактором страниц. Запускаем а/б тест и проверяем, что он действительно работает.
Вам понадобится
Шаг 6. Остановка а/б теста и анализ результатов
Смотрим различные варианты исхода тестов: успешный, неуспешный, без определенного результата. Анализируем отчёт в Google Analytics.
Вам понадобится
Что почитать
Книга для тех, кто никогда не изучал статистику. На «бытовых» примерах объясняет основные понятия статистики и их взаимосвязи. Поможет лучше понимать цифры и их значимость.
Голая Статистика, Чарльз Уилан, 2016
349₽
Ищем UX редактора
Если вы хотите работать над продуктовыми текстами в составе UX команды и ещё можете помогать маркетингу с соцсетями — тогда вам к нам.
Контакты
Подпишитесь на канал про применение аналитики в дизайне продуктов
Личка для вопросов, предложений и резюме
Код для отправки цели в метрику
Чтобы отправить цель из GTM в Яндекс Метрику добавьте в GTM код:
<script>
yaCounterXXXXXXX.params('GOAL-NAME');
</script>


XXXXXXX — номер счётчика
GOAL-NAME — название js события цели
Кусок URL для проверки работы Яндекс Метрики
Добавьте /?_ym_debug=1 в адрес страницы и нажмите Enter.

Пример: http://example.com/?_ym_debug=1

Выполните целевое действие на странице. В консоли появится номер вашего счетчика и информацию о совершенном действии:
  • «Посещение страниц». В этом случае отображается PageView и сообщает о просмотре или обновлении страницы.
  • «JavaScript-событие». В этом случае отображается Reach goal и сообщает об отправке цели.