Автоматическое отслеживание — это плохо — версия одностраничного приложения

Неудивительно, что благодаря элегантному внешнему виду разработчики склонны переходить на использование одностраничных приложений (SPA). И, конечно же, продуктовые команды хотят понять, как клиенты взаимодействуют со своим SPA, чтобы знать, как поведение влияет на удержание, лояльность и пожизненную ценность. Тем не менее, слишком много разработчиков соблазняются ложными обещаниями автоматического отслеживания, что, как мы уже говорили ранее, [все еще] плохо. Автоматическое отслеживание SPA вызывает такие проблемы, как неполное представление пути клиента и снижение производительности в Интернете. Если это звучит слишком знакомо, хорошая новость в том, что вы не одиноки. В этом посте я расскажу, как работают SPA и автоматическое отслеживание под капотом, и почему автоматическое отслеживание плохо работает с SPA.

Как работают одностраничные приложения?

На высоком уровне одностраничное приложение (SPA) — это веб-приложение, которое загружает большую часть данных (например, HTML, CSS и Javascript) при первом открытии. При навигации по приложению SPA динамически переписывают текущую веб-страницу, чтобы создать впечатление, что она изменилась, в то время как традиционные веб-сайты требуют полной перезагрузки страницы. Вот почему SPA кажутся более быстрыми, отзывчивыми и бесшовными по сравнению с традиционными веб-сайтами — аналогично нативному мобильному интерфейсу. Например, многие потоки оформления корзин электронной торговли построены как одностраничные приложения. Популярные сайты, такие как Facebook, Github и Google Maps, также являются SPA. SPA становятся все более популярными, поскольку пользователи ожидают все более и более качественного взаимодействия с продуктом в Интернете. В своем опросе разработчиков 2021 года Stack Overflow спросил участников, какие веб-фреймворки они чаще всего используют. Несколько фреймворков SPA возглавили рейтинг: React, Angular и Vue заняли 1-е, 4-е и 5-е места.

Итак, как же работает автоматическое отслеживание?

Инструменты автоматического отслеживания требуют, чтобы вы поместили один фрагмент кода в свой SPA. Инструмент автоматически начнет отслеживать все изменения в объектной модели документа (DOM), все сетевые запросы и все события пользовательского ввода, независимо от того, важны они или нет. Если вы хотите провести какой-либо содержательный анализ, вам нужно отсортировать поток поступающих данных и организовать данные с помощью тегов. С другой стороны, автоматическое отслеживание легче настроить и быстро увидеть поступающие данные, что делает его хорошим вариантом для нетехнических людей.

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

Трудно извлечь четкую информацию

Сейчас как никогда важно фиксировать весь путь клиента, чтобы понять, как лояльные клиенты используют ваш продукт, а также выявить риски оттока и возможности для монетизации или дополнительных продаж. Выявление даже простого изменения может оказать огромное положительное влияние на ваш бизнес. Например, Well Pharmacy, крупнейшая независимая аптечная компания в Соединенном Королевстве, смогла выяснить, почему пользователи отказываются от подписки, используя воронки, драйверы конверсии и время до конверсии. Анализируя весь путь клиента, Well Pharmacy смогла повысить конверсию регистрации на 30%.

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

Скажем, например, покупатель добавляет товар в корзину. Это было бы подхвачено большинством решений для автоматического отслеживания. Но решения для автоматического отслеживания с трудом улавливают важный контекст для этого события, например, какой товар был добавлен в корзину, сколько это стоило, была ли их корзина пустой, видели ли они сделку, была ли товар рекомендуется? Контекст — это важная информация, которую любой специалист по продукту хотел бы знать о событии добавления в корзину.

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

Риск замедления работы сайта

Наконец, давайте поговорим о производительности. Одним из самых больших преимуществ SPA по сравнению с традиционными веб-сайтами является их более отзывчивый пользовательский интерфейс — всекажетсяболее гладким и быстрым. С автоматическим отслеживанием SPA, поскольку вы не указываете точно своему инструменту, что отслеживать, он отслеживает все. Звучит хорошо, правда? Но на самом деле этот поток данных может легко увеличить сетевой трафик и время обработки. Если UX не такой быстрый, как раньше, это может сильно повлиять на вашу прибыль. Согласно исследованию, проведенному Amazon, каждые 100 мс задержки загрузки страницы могут привести к падению дохода примерно на 1%.

Побалуйте себя и свой SPA точным отслеживанием

Использование автоотслеживания для SPA не идеально — вы рискуете получить неполное представление о пути клиента и снизить производительность. Альтернативой этим проблемам является точное отслеживание.

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

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

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