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

Получение Remote Config пейвола и его отображение

Чтобы получить Remote Config пейвола, обратитесь к свойству remoteConfig и извлеките нужные значения.

try {
  const paywall = await adapty.getPaywall({ placementId: "YOUR_PLACEMENT_ID" });
  const headerText = paywall.remoteConfig?.["header_text"];
} catch (error) {
  // handle the error
}

Получив все необходимые значения, соберите из них визуально привлекательный экран. Убедитесь, что дизайн корректно адаптируется под разные размеры экранов и ориентации устройств — это обеспечит удобный пользовательский опыт на любом устройстве.

После того как пейвол отображён, настройте процесс покупки. Когда пользователь совершает покупку, вызовите .makePurchase() с продуктом из вашего пейвола. Подробнее о методе .makePurchase() читайте в разделе Совершение покупок.

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

Отслеживание событий просмотра пейвола

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

Чтобы зафиксировать просмотр пейвола, вызовите .logShowPaywall(paywall) — это событие отобразится в метриках пейвола в воронках и A/B-тестах.

await adapty.logShowPaywall(paywall);

Параметры запроса:

Параметр	Обязательность	Описание
paywall	обязательный	Объект AdaptyPaywall.