Многие аффилиаты, работающие с PWA, думают, что конвертящая связка — прямая дорога к высокому профиту. Но они забывают, что в приложении могут быть баги, которые могут свести конверсию к нулю.
Мы разобрались, с какими багами чаще всего сталкиваются арбитражники при работе с PWA и как их просто решить.
Статистика показывает, что конверсия падает по мере увеличения загрузки страницы. PWA — это тоже сайт, оформленный в виде приложения. Поэтому игроки редко будут ждать больше 4 секунд.
Причиной медленной загрузки может быть неправильная настройка Service Worker или добавление в аппку неоптимизированных ресурсов.
Для тех, кто льет ставки на спорт, может быть полезна комбинированная стратегия — 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 самостоятельно или заказывает их у программиста, есть несколько этапов проверки работоспособности приложения: подключение мониторинга, тест на реальных смартфонах и создание искусственной нагрузки.
С их помощью арбитражник сможет понять, на каких телефонах и с какими параметрами вылетают ошибки;
Приложения, созданные в конструкторе, тестировать не нужно: они изначально заточены под специфику аффилиат-рынка. Чтобы не тратить время и деньги, достаточно собрать прилу в PWA Group. Сервис позволяет сразу собрать готовое для залива приложение за пару минут без знания программирования и настроить его для себя, чтобы арбитражники не вникали в технические тонкости.
Чтобы снизить вероятность возникновения ошибок, необходимо проверить работоспособность API при высоких нагрузках, а также на реальных устройствах со старой версией ОС. На первых порах можно использовать сервисы-эмуляторы, в которых можно воссоздать рабочую среду вплоть до самых первых версий Android. Но для этого также придется выделить часть бюджета на оплату подписки.
Менее достоверных, но объективных результатов можно достичь с использованием инструментов разработчика Chrome. Для этого нужно замедлить CPU в 6–20 раз и проверить работоспособность PWA.
Если в ГЕО много старых устройств и медленный интернет, то нужно выбрать подходящую модель кэширования данных, а также минимизировать количество анимаций и размер изображений. Для этого можно их предварительно сжать, а потом конвертировать в формат WebP.
Чтобы решить возможные проблемы с аналитикой, желательно подключить серверный трекинг, либо использовать метод postMessage. С его помощью PWA сможет передавать данные скрытому окну, которые привязано к другому домену, а уже оттуда в сервис аналитики. При таком решении отдельный сервер не требуется, но могут быть небольшие задержки. Если бюджет позволяет, то можно комбинировать оба решения. Например, для депозитов и регистраций применять серверный трекинг, а для отслеживания кликов в приложении — postMessage.
Все эти детали можно пропустить, если собирать PWA в конструкторе. В PWA Group мы уже учли популярные баги и отработали их, а потому готовые приложения уже протестированы тысячами довольных арбитражников. Таким образом аффилиат может за пару минут создать готовое для залива PWA и запускать трафик, не тратя время на отладку приложения.