Если вы настроили пейвол с помощью 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?.['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.