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

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

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

try {
  const paywall = await adapty.getPaywall({ 
    placementId: 'YOUR_PLACEMENT_ID',
    params: {
      fetchPolicy: 'reload_revalidating_cache_data', // Load from server, fallback to cache
      loadTimeoutMs: 5000 // 5 second timeout
    }
  });
  const headerText = paywall.remoteConfig?.data?.['header_text'];
} catch (error) {
  console.error('Failed to fetch paywall:', error);
}

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

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

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

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

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

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

try {
  await adapty.logShowPaywall({ paywall });
} catch (error) {
  console.error('Failed to log paywall view:', error);
}

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

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