Ответ
Отслеживаем адаптивный дизайн с Google Analytics Опции темы
Старый 14.10.2014, 11:06
  #1
annasty
 
Регистрация: 11.08.2014
Сообщений: 23

Отслеживаем адаптивный дизайн с Google Analytics
Мы, в компании Three Ventures, проводим большую работу с клиентами, создавая, запуская и поддерживая адаптивные веб-сайты и веб-приложения. В этом посте вы узнаете, как можно отслеживать адаптивный веб-дизайн при помощи Google Analytics.

Мы выяснили, что эта стратегия стабильно повышает показатели конверсии и улучшает UX (то есть, опыт взаимодействия).

Вы можете скачать наш отчет прямо в свой аккаунт Google Analytics. Никаких особых знаний аналитики не требуется. Посмотрите наше видео или прочитайте статью о том, как мы создаем эти отчеты прямо дома. Ссылку на скачивание отчета вы найдете ниже.



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

Отслеживание адаптивного дизайна с Google Analytics - Проблемы отчетности

Думаю, не стоит говорить, что Google Analytics - сложный инструмент. Именно из-за этой сложности, отслеживание изменений в адаптивном дизайне может стать непростой задачей.

Вы можете обратиться к технологии и мобильным отчетам, чтобы получить представление, что происходит. Вы сможете измерить «влияние» на категорию устройства, но как же быть с ключевым индикатором производительности (KPI) для OS версий и/или браузеров для особой категории устройств?

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

Самая распространенная проблема – это невозможность найти данные нижнего уровня в отчетах Google Analytics. Чаще всего вы будете вынуждены применить расширенные сегменты и фильтры, чтобы получить эти данные. Но знаете ли вы как это сделать?

Отслеживание адаптивного дизайна с Google Analytics – Настройка

Пользовательский отчет

С нашими специалистами в области дизайна и разработок мы создали пользовательский отчет в Google Analytics. Вот как они помогли нам решить нашу проблему.

Нашим дизайнерам и разработчикам нужны были конкретные данные, поэтому мы стали обсуждать проблему с @CurtisMorte, нашим главным разработчиком. Именно он повысил показатель конверсии на 372.91%.

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

Иерархия Three Ventures для выявления багов в адаптивном веб-дизайне

Кертис показал нам, что большинство багов, которые мы нашли в адаптивном веб-дизайне, определяются в иерархии сверху вниз.

1. Категория устройства
2. Операционная система
3. Версия операционной системы
4. Браузер
5. Версия браузера

Наша команда начала работать с первого пункта и двигалась ниже до пункта пять.

Как мы ввели все это в Google Analytics?

Пользовательские отчеты Google Analytics для отслеживания адаптивного веб-дизайна

Пользовательские отчеты Google Analytics позволяют пользователям создавать отчеты для любой совместимой метрики и аналитики. Помните нумерованный список вверху? Да, все они установлены в Google Analytics по умолчанию. Пользовательский отчет в Google Analytics также включает в себя детальный просмотр аналитики. Выше мы говорили о проблеме невозможности увидеть последовательные данные в таком отчете. Именно детальный просмотр и решает эту проблему.

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

• Пользователи
• Сессии
• Показатель отказов
• Уровень конверсии (e-commerce и целевая)
• Доход
• Завершение цели

Теперь посмотрите на пользовательский отчет, который вы импортировали в свой Google Analytics аккаунт. Если вы этого еще не сделали, пожалуйста, импортируйте эти отчеты прямо сейчас.

Мы завершили создание двух пользовательских отчетов на основании самых распространенных KPI. Один отчет для сайтов электронной коммерции, другой для сайтов по генерации лидов.

Разница между двумя отчетами заключается в типе KPI для конверсии. Для пользовательского отчета по сайтам электронной коммерции мы использовали следующие KPI: показатель конверсии и доход. Для сайтов по генерации лидов мы взяли такие метрики, как завершение цели и показатель целевой конверсии.

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

Зайдите в Google Analytics, кликните на «Customization» в верхней части панели навигации. Затем кликните на отчет, который вы скачали.

Если вы хотите изменить KPI для отчета, кликните на кнопку «edit» (редактировать) в панели суб-навигации и отредактируйте голубые окна или метрики.

Кликните на отчеты и вы должны увидеть нечто аналогичное:





Теперь давайте пошагово разберем процесс анализа.

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

Смотрим на данные ниже. Кажется, что у iOS более низкий показатель конверсии. Затем мы кликаем на iOS, чтобы увидеть версию операционной системы.





Теперь мы можем видеть все версии iOS на мобильных устройствах. Посмотрим на данные ниже. У версии 7.1 показатель конверсии ниже среднего. (Мы удалили все другие версии, чтобы показать только средний показатель конверсии). Далее кликаем на 7.1, чтобы увидеть браузер.





Перед нами все браузеры, которые используются в версии 7.1 на мобильных устройствах. Смотрим на данные ниже. У Safari вообще нет конверсии! Это означает, что с этим браузером у нас проблемы. Остановимся здесь и сообщим о найденных данных.





Например, вы создаете отчет о баге и пишите: «Показатель конверсии 0% на iPhone с версией ОС 7.1 и браузером Safari. Можете посмотреть?».

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

А если бы у Safari была конверсия 12%, нельзя ли кликнуть на этот браузер и продолжить с версией браузера?

Конечно! Однако в этом примере у нас был нулевой показатель по уровню конверсии, и мы не могли перейти к нижнему уровню данных, так как его просто нет. В противном случае наш отчет был бы построен так: «Показатель конверсии 12% на iPhone с версией ОС 7.1 и браузером Safari версии 7.0. Можете посмотреть?».

Это только один из возможных вариантов, что мы можем найти на сайте благодаря пользовательским отчетам по адаптивному дизайну.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Чем отличается Google Analytics от KISSmetrics? Tallulah Сервисы 0 04.09.2014 12:17
Данные в Google Docs c Google Analytics Core API Strike Сервисы 0 22.07.2014 17:13
Clicky Web Analytics лучше чем Google Analytics? Viper Аналитика 0 05.06.2014 16:55
Обзор сервиса Google Analytics dangerous Сервисы 0 19.08.2013 04:21
«Перекрёстное опыление» в Google Analytics Alsu Статьи 0 20.05.2013 18:52

Метки
google analytics, адаптивный веб-дизайн, конверсия, отчеты


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 00:13. Часовой пояс GMT +3.