Capacitor SDK'da remote config ile tasarlanan paywallı render etme
Bir paywallı remote config kullanarak özelleştirdiyseniz, kullanıcılara göstermek için mobil uygulama kodunuzda render işlemini kendiniz uygulamanız gerekir. Remote config, ihtiyaçlarınıza göre esneklik sunduğundan, paywallınızda nelerin yer alacağına ve görünümünün nasıl olacağına tamamen siz karar verirsiniz. Remote yapılandırmayı getirmek için bir yöntem sunuyoruz; remote config aracılığıyla yapılandırdığınız özel paywallı nasıl göstereceğiniz size kalmış.
Paywall remote config’ini alın ve gösterin
Bir paywallın remote config’ini almak için remoteConfig özelliğine erişin ve ihtiyacınız olan değerleri çıkarın.
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);
}
Gerekli tüm değerleri aldıktan sonra, bunları görsel açıdan çekici bir sayfaya dönüştürüp bir araya getirme zamanı gelmiştir. Tasarımın, farklı cihazlarda sorunsuz ve kullanıcı dostu bir deneyim sunmak için çeşitli telefon ekranlarına ve yönlendirmelerine uyum sağladığından emin olun.
Adapty analizlerinin dönüşüm hunileri ve A/B testleri için veri toplayabilmesi amacıyla, aşağıda açıklandığı şekilde paywall görüntüleme olayını kaydettiğinizden emin olun.
Paywallı gösterme işlemini tamamladıktan sonra satın alma akışını kurmaya devam edin. Kullanıcı bir satın alma yaptığında, paywallınızdaki ürünle birlikte .makePurchase() metodunu çağırmanız yeterlidir. .makePurchase() metodu hakkında ayrıntılı bilgi için Satın alma yapma bölümünü okuyun.
Yedek paywall olarak adlandırılan bir yedek paywall oluşturmanızı öneririz. Bu yedek, internet bağlantısı olmadığında veya önbellek mevcut olmadığında kullanıcıya gösterilir ve bu durumlarda bile sorunsuz bir deneyim sağlar.
Paywall görüntüleme olaylarını takip edin
Adapty, paywalllarınızın performansını ölçmenize yardımcı olur. Satın almaları otomatik olarak takip ederken, paywall görüntülemelerini kaydetmek için sizin müdahaleniz gerekir; çünkü bir müşterinin paywallı ne zaman gördüğünü yalnızca siz bilirsiniz.
Paywall görüntüleme olayını kaydetmek için .logShowPaywall(paywall) metodunu çağırmanız yeterlidir; bu, dönüşüm hunileri ve A/B testlerindeki paywall metriklerinize yansıyacaktır.
Paywall builder ile oluşturulan paywallları görüntülüyorsanız .logShowPaywall(paywall) çağrısı yapmanıza gerek yoktur.
try {
await adapty.logShowPaywall({ paywall });
} catch (error) {
console.error('Failed to log paywall view:', error);
}
İstek parametreleri:
| Parametre | Zorunluluk | Açıklama |
|---|---|---|
| paywall | zorunlu | Bir AdaptyPaywall nesnesi. |