Web Могу ли я использовать сегодня является неотъемлемой частью каждого веб-разработчика. Могу ли я использовать содержит актуальные таблицы поддержки браузеров для поддержки интерфейсных веб-технологий в настольных и мобильных веб-браузерах.
Поддержка браузерами отдельных технологий выделена цветом (браузеры, которые поддерживают эту функциональность, отображаются зеленым, те, которые не поддерживают, — красным, а браузеры, поддерживающие ее частично или с полифиллом, — грязно-зеленым).
Вы также можете увидеть процент браузеров, поддерживающих эту технологию, в правом верхнем углу. Могу ли я использовать знает, какие браузеры поддерживают какие функции, и в то же время имеет информацию о том, как часто эти браузеры используются. На основании этого приложение способно рассчитать процент пользователей, которые смогут использовать новый функционал. Однако это число является приблизительным и обычно может варьироваться на несколько процентов в зависимости от пользователей нашего приложения. В этой статье я хочу показать вам, как сделать это число абсолютно точным с помощью Google Analytics.
Браузер имеет значение
Расположение браузеров немного отличается в каждой стране, это также зависит от того, посещают ли наше приложение больше с телефона или компьютера. Если мы хотим уточнить это число, нам нужно лучше узнать наших посетителей. По сути, нам нужно выяснить, какой браузер у наших пользователей. И это именно то, что собирает Google Analytics, и мы можем использовать его для «Могу ли я использовать».
Например, в Productboard мы разрабатываем приложение для управления продуктами, и наши посетители приходят в основном из США и используют наше приложение на подавляющем большинстве компьютеров, а не телефонов. Для нас это неплохо, потому что в США хорошо представлены современные браузеры и в то же время нам не так много приходится иметь дело с мобильными браузерами, потому что с ними иногда бывают проблемы.
Исходя из этой гипотезы, можно предположить, что поддержка функционала в браузерах может быть даже выше, чем мировая статистика.
Почему это важно
Чтобы подтвердить приведенную выше гипотезу, мы импортируем данные непосредственно из Google Analytics и посмотрим, в чем разница. Это может быть всего несколько процентов, но при высоком веб-трафике это число является значительным, и мы можем использовать его, чтобы выяснить, можем ли мы позволить себе отказаться от поддержки старых браузеров в реализации.
Благодаря достоверным данным мы также можем очень эффективно спорить, если кто-то противоречит нашему решению использовать ту или иную технологию. Любой полифилл или решение, где мы должны каким-то образом смоделировать новую функциональность в старом браузере, стоит много дополнительной работы, а в случае небольшого количества посетителей со старыми браузерами сомнительно, что реальная реализация вообще окупается. Эта реализация требует ресурсов, которых может не хватать для улучшения самого продукта. Вот почему нам нужно найти баланс, чтобы не ставить в невыгодное положение многих посетителей и в то же время чтобы мы могли использовать технологии, которые экономят нам работу.
Импорт данных из Google Analytics
В этом пошаговом руководстве показано, как импортировать данные из Google Analytics в Могу ли я использовать. Например, мы хотим узнать, какая поддержка у CSS Scroll Snapping (кстати, замечательная функция карусели) среди браузеров наших посетителей. Если бы мы заменили эту функциональность на Javascript, производительность была бы не такой хорошей и в то же время нам пришлось бы добавлять много кода или использовать внешнюю библиотеку, чего мы не хотим.
Мы видим, что общая поддержка Scroll Snapping составляет 97,31% (эти проценты могут отличаться в Могу ли я использовать вживую, конечно, поскольку поддержка браузеров и их представление меняются).
- Нажмите на кнопку «Настройки»
2. Нажмите «Открыть импортер».
Примечание. Если у вас нет Google Analytics, в настоящее время вы можете выбрать страну или регион для пользователей вашего приложения. Это не так точно, но также может помочь вам в принятии решений.
3. Нажмите «Google Analytics»:
4. Войдите в свою учетную запись Google
5. Выберите профиль Google Analytics, который хотите проверить:
6. Выберите диапазон дат, который вы хотите проверить.
7. Закройте модальное окно:
8. Выберите импортированные данные (метка будет отличаться в зависимости от имени вашего профиля) и закройте модальное окно:
Все готово!
Давайте посмотрим настроенные метрики:
Теперь мы видим точные данные, которые отображаются непосредственно на основе наших данных из Google Analytics. Мы видим, что поддержка привязки прокрутки составляет 97,4%, что все еще на несколько процентов лучше, чем глобальные данные (95,31%).
В то же время мы все еще можем отфильтровать, насколько хорошо это прямо на мобильных устройствах, можно ли использовать треки.
Заключение
Мы показали вам, как импортировать точные данные об устройствах из Google Analytics в Могу ли я использовать и посмотреть, стоит ли использовать новую технологию или пойти другим путем.
Основываясь на этих данных, мы решили не реализовывать карусель по-своему, потому что поддержка Scroll Snapping в браузерах наших пользователей достаточно хороша, чтобы мы могли использовать эту технологию.
Используете ли вы? Могу ли я использовать с Google Analytics? Расскажите нам о своих наблюдениях в комментариях.
И, кстати, недавно у нас была инвестиция Серии D в Productboard, мы стали единорогом на 1,7 миллиона долларов и до сих пор нанимаем!
