Отображение пейвола, созданного через Remote Config, в React Native SDK

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

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

В v4 флоу содержит один объект AdaptyRemoteConfig на каждый настроенный язык в массиве remoteConfigs. Выберите язык, соответствующий предпочтениям пользователя, и считайте нужные значения из его поля data.

try {
  const flow = await adapty.getFlow("YOUR_PLACEMENT_ID");
  const config = flow.remoteConfigs?.find((c) => c.lang === "en")
    ?? flow.remoteConfigs?.[0];
  const headerText = config?.data?.["header_text"];
} catch (error) {
  // handle the error
}

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

Обязательно зафиксируйте событие просмотра пейвола, как описано ниже, чтобы аналитика Adapty могла собирать данные для воронок и A/B-тестов.

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

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

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

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

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

Вызывать .logShowFlow(flow) не нужно, если вы отображаете флоу или пейволы, созданные с помощью Flow Builder или Paywall Builder. В этих случаях Adapty отслеживает просмотры автоматически.

await adapty.logShowFlow(flow);

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

Параметр	Наличие	Описание
flow	обязательный	Объект `AdaptyFlow`, полученный через `adapty.getFlow(placementId)`.

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

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

Обязательно записывайте событие просмотра пейвола, как описано ниже — это позволит аналитике Adapty собирать данные для воронок и A/B-тестов.

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

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

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

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

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

Вызов .logShowPaywall(paywall) не нужен, если вы показываете пейволы, созданные в Paywall Builder.

await adapty.logShowPaywall(paywall);

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

Параметр	Наличие	Описание
paywall	required	Объект `AdaptyPaywall`.