---
title: "Отображение пейвола, настроенного через Remote Config, в Capacitor SDK"
description: "Узнайте, как показывать пейволы на основе Remote Config в Adapty Capacitor SDK для персонализации пользовательского опыта."
---

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

## Получение Remote Config пейвола и его отображение \{#get-paywall-remote-config-and-present-it\}

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

```typescript showLineNumbers

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);
}
```

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

:::warning
Обязательно [зафиксируйте событие просмотра пейвола](present-remote-config-paywalls-capacitor#track-paywall-view-events), как описано ниже, чтобы аналитика Adapty могла собирать данные для воронок и A/B-тестов.
:::

После отображения пейвола настройте процесс покупки. Когда пользователь совершает покупку, вызовите `.makePurchase()` с продуктом из вашего пейвола. Подробнее о методе `.makePurchase()` читайте в разделе [Совершение покупок](capacitor-making-purchases).

Рекомендуем [создать резервный пейвол](capacitor-use-fallback-paywalls). Он будет показан пользователю при отсутствии интернет-соединения или кеша, обеспечивая бесперебойную работу даже в таких ситуациях.

## Отслеживание событий просмотра пейвола \{#track-paywall-view-events\}

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

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

:::important
Вызывать `.logShowPaywall(paywall)` не нужно, если вы показываете пейволы, созданные в [Paywall Builder](adapty-paywall-builder).
:::

```typescript showLineNumbers

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

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

| Параметр    | Обязательность | Описание                                                                                       |
| :---------- | :------------- | :--------------------------------------------------------------------------------------------- |
| **paywall** | обязательный   | Объект [`AdaptyPaywall`](https://capacitor.adapty.io/interfaces/adaptypaywall). |