Статья написана в корпоративном блоге — редакция Партнеркина не вносит изменения в текст. Вся орфография, пунктуация и содержание сохранены Подробнее про платные блоги и о том, как эффективнее работать с блогами 😎
05 мая 0 1054

Баги PWA могут уничтожить конверсию — что с ними делать?

Многие аффилиаты, работающие с PWA, думают, что конвертящая связка — прямая дорога к высокому профиту. Но они забывают, что в приложении могут быть баги, которые могут свести конверсию к нулю. 

Мы разобрались, с какими багами чаще всего сталкиваются арбитражники при работе с PWA и как их просто решить.

Основные ошибки в  PWA

Долгая скорость загрузки

Статистика показывает, что конверсия падает по мере увеличения загрузки страницы. PWA — это тоже сайт, оформленный в виде приложения. Поэтому игроки редко будут ждать больше 4 секунд.

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

  • Service Worker. Это ключевой элемент PWA, который связан с кэшированием данных и работой приложения в офлайне. Если он настроен правильно, то PWA будет загружаться за доли секунды. Чтобы правильно настроить Service Worker, эксперты рекомендуют использовать стратегию CacheFirst. В этом случае прила будет добавлять запрашиваемые юзером элементы JavaScript, CSS, шрифты и изображения в кэш, а потом обращаться к ним, не используя подключение к сети. Такая стратегия наиболее оптимальна для Tier-3, где могут быть частые перебои с интернетом; 
  • Неоптимизированные ресурсы. Помимо CacheFirst, существует стратегия NetworkFirst. Если использовать ее, то PWA будет в первую очередь обращаться к интернету и брать запрашиваемые данные с сервера. NetworkFirst больше годится для Tier-1,2. Но, независимо от стратегии, арбитражник должен позаботиться, чтобы картинки и видео были небольшого размера: до 200 Кб для картинок и до 2 Мб для роликов. Эти данные будут скачиваться либо в кэш, либо загружаться из сервера. 

Для тех, кто льет ставки на спорт, может быть полезна комбинированная стратегия — StaleWhileRevalidate. Она загружает данные в кэш, а потом обновляет их с сервера по мере необходимости. Поэтому пользователь будет получать всегда актуальные данные о событиях и коэффициентах. Но и реализовать ее сложнее: придется четко сегментировать данные на «кэшируемые» и «обновляемые». Если ошибиться и записать сведения о балансе в раздел «кэшируемые», то игрок посчитает, что его обманули и уйдет.
Кроме того, рекомендуется протестировать функцию lazy-loading. С ней PWA будет загружать только те элементы, которые попадают в поле зрения пользователя. 

Чтобы проверить свое PWA на наличие подобных сбоев, можно воспользоваться PageSpeed Insights или инструментами разработчика Google. С их помощью можно моделировать скорость загрузки страницы в разных условиях подключения к сети.

Несовместимость с разными устройствами

Далеко не у всех людей есть последний Samsung или iPhone, поэтому нужно адаптировать свое PWA для игроков с разными устройствами, в том числе достаточно устаревшими. Например, на старых версиях Android окно депозита, загруженное в PWA с сайта оффера, может быть обрезанным из-за ошибки в CSS. Игрок будет видеть, что элемент отображается некорректно, но сделать с этим ничего не сможет. Поэтому может упасть CR.

Некоторые устройства на Android 7 не поддерживают WebP-формат, который используется в PWA для отображения картинок. Вместо символики казино, ярких креативов, баннеров и скриншотов на экране будет пустая область. 

Посмотреть, как будет отображаться PWA на разных устройствах можно в настройках разработчика Chrome.

Сбои при разных сценариях поведения игроков

Если интернет недостаточно быстрый, а приложение подвисает, то первое, что будет делать лудоман — повторять одно и то же действие несколько раз. Например, если после клика по кнопке «Зарегистрироваться» через полсекунды не вылетит форма для создания аккаунта, то игрок будет жать на кнопку снова и снова. PWA может обрабатывать каждый запрос как самостоятельный, что снизит его работоспособность. Для этого нужно предусмотреть функцию Debounce в коде приложения. Она вызовет окно регистрации после того, как юзер перестанет множество раз кликать на кнопку и не будет дублировать запросы на сервер. 

Также необходимо реализовать сохранение сессии пользователя при сворачивании приложения. Это особенно критично на этапе регистрации или первого пополнения баланса: если игрок не сможет продолжить ранее начатую сессию и ему придется заново вбивать все данные, то мотивировать его сделать это еще раз будет тяжело. Поэтому необходимо продлить время жизни токена сессии хотя бы до 24 часов.

Ошибки в работе трекера и пушей

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

Пуши. В PWA за отправку пушей отвечает Web Push API. Если он настроен некорректно, то уведомления не будут приходить на устройство юзера. Кроме того, сообщения могут блокироваться, если на телефоне включен режим энергосбережения. 

Трекинг. Из-за ошибок в коде пиксель может некорректно собирать данные или не получать их вовсе. С такой проблемой часто сталкиваются те, кто заливают на iOS: строгие настройки Safari блокируют аналитику пикселя и лишают алгоритмы возможности обучиться. Решить эту проблему можно при помощи подключения серверного трекинга. 

Чтобы не тратить время на исправления подобных багов, опытные аффилиаты создают PWA, настраивают аналитику и пуши через специальные конструкторы. В PWA Group можно без знания программирования создать PWA, выбрать дизайн из библиотеки шаблонов, подключить пиксель и создать кастомизированную пуш-рассылку.

Благодаря этому можно свести риск возникновения технических неполадок практически к нулю.

Как искать неочевидные ошибки

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

  • Мониторинг. В сети легко найти сервисы, которые за определенную плату будут отслеживать эффективность приложения. В среднем они стоят от $60 в месяц за одно приложение. 

С их помощью арбитражник сможет понять, на каких телефонах и с какими параметрами вылетают ошибки; 

  • Реальные устройства. Некоторые ребята используют эмуляторы для анализа приложения, но это не всегда эффективно. Перечень устройств в них, как правило, ограничен, что не позволяет смоделировать реальную обстановку в Tier-3 странах. Поэтому желательно купить несколько смартфонов самостоятельно. Это можно сделать через интернет-магазины, либо на местном рынке. В среднем за это придется отдать до $150; 
  • Нагрузка. Онлайн-казино часто проводят акции и турниры, чтобы привлечь аудитории. Такие периоды — время пиковой нагрузки для PWA-приложения. Из-за этого нужно досконально протестировать аппку на возможность поддержания 1 000+ подключений в моменте. Для этого нужно проработать API и выбрать стратегию кэширования, которая поможет PWA справляться с нагрузкой наиболее эффективно. Симулировать нагрузку, как правило, позволяют сервисы аналитики.

Приложения, созданные в конструкторе, тестировать не нужно: они изначально заточены под специфику аффилиат-рынка. Чтобы не тратить время и деньги, достаточно собрать прилу в PWA Group. Сервис позволяет сразу собрать готовое для залива приложение за пару минут без знания программирования и настроить его для себя, чтобы арбитражники не вникали в технические тонкости. 

Итог — как минимизировать количество багов

Чтобы снизить вероятность возникновения ошибок, необходимо проверить работоспособность API при высоких нагрузках, а также на реальных устройствах со старой версией ОС. На первых порах можно использовать сервисы-эмуляторы, в которых можно воссоздать рабочую среду вплоть до самых первых версий Android. Но для этого также придется выделить часть бюджета на оплату подписки.

Менее достоверных, но объективных результатов можно достичь с использованием инструментов разработчика Chrome. Для этого нужно замедлить CPU в 6–20 раз и проверить работоспособность PWA.

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

Чтобы решить возможные проблемы с аналитикой, желательно подключить серверный трекинг, либо использовать метод postMessage. С его помощью PWA сможет передавать данные скрытому окну, которые привязано к другому домену, а уже оттуда в сервис аналитики. При таком решении отдельный сервер не требуется, но могут быть небольшие задержки. Если бюджет позволяет, то можно комбинировать оба решения. Например, для депозитов и регистраций применять серверный трекинг, а для отслеживания кликов в приложении — postMessage. 

Все эти детали можно пропустить, если собирать PWA в конструкторе. В PWA Group мы уже учли популярные баги и отработали их, а потому готовые приложения уже протестированы тысячами довольных арбитражников. Таким образом аффилиат может за пару минут создать готовое для залива PWA и запускать трафик, не тратя время на отладку приложения. 

Этот пост размещен в корпоративном блоге PWA Group.
Служба поддержки: pwa_group_sup
Как вам статья?
Партнеркин рекомендует
Партнерки
1win Partners
Топовая беттинг и гемблинг партнерка
TRAFORCE
Дейтинговая СPA-сеть
Affiliate Top
Надежная партнерка по бинарным опционам
Сервисы
Dolphin{anty}
Лучший антидетект браузер
PARTNERKIN
20%
FlexСard
Виртуальные карты для арбитража трафика
PARTNERKIN
Карты free
AdPlexity
Мониторинг мобильной, десктоп и нативной рекламы
partnerkin_m
25%


Похожие статьи