Если вы настроили пейвол с помощью 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?.data?.["header_text"];
} catch (error) {
  // handle the error
}

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

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

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

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

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

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

await adapty.logShowPaywall(paywall);

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

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