在 React Native SDK 中渲染通过远程配置设计的付费墙
如果您使用远程配置自定义了付费墙,则需要在移动应用代码中实现渲染逻辑,以便向用户展示该付费墙。由于远程配置可以灵活满足您的需求,您可以完全控制付费墙的内容及其外观。我们提供了获取远程配置的方法,让您能够自主展示通过远程配置设置的自定义付费墙。
获取付费墙远程配置并展示
要获取付费墙的远程配置,请访问 remoteConfig 属性并提取所需的值。
try {
const paywall = await adapty.getPaywall({ placementId: "YOUR_PLACEMENT_ID" });
const headerText = paywall.remoteConfig?.["header_text"];
} catch (error) {
// handle the error
}
当您获取到所有必要的值之后,接下来需要将这些值渲染并组合成一个视觉上美观的页面。请确保设计能够适配各种手机屏幕尺寸和方向,为不同设备上的用户提供流畅且友好的体验。
请确保按照下文所述记录付费墙查看事件,以便 Adapty 分析系统能够捕获漏斗和 A/B 测试所需的数据。
展示付费墙之后,请继续设置购买流程。当用户发起购买时,只需使用付费墙中的产品调用 .makePurchase() 方法。有关 .makePurchase() 方法的详细信息,请参阅发起购买。
我们建议创建一个备用付费墙(即备用付费墙)。当用户没有网络连接或无可用缓存时,该备用付费墙将展示给用户,确保在这些情况下仍能提供流畅的体验。
追踪付费墙查看事件
Adapty 可帮助您衡量付费墙的表现。我们会自动收集购买数据,但付费墙查看事件的记录需要您来完成,因为只有您才知道用户何时看到了付费墙。
要记录付费墙查看事件,只需调用 .logShowPaywall(paywall) 方法,该事件将反映在漏斗和 A/B 测试的付费墙数据图表中。
如果您展示的是通过付费墙编辑工具创建的付费墙,则无需调用 .logShowPaywall(paywall)。
await adapty.logShowPaywall(paywall);
请求参数:
| 参数 | 是否必填 | 描述 |
|---|---|---|
| paywall | 必填 | 一个 AdaptyPaywall 对象。 |