React Native SDK'da remote config ile tasarlanan paywall'ı render etme

Bir flow’u remote config kullanarak özelleştirdiyseniz, onu kullanıcılara göstermek için mobil uygulamanızın kodunda render işlemini uygulamanız gerekir. Remote config, ihtiyaçlarınıza göre uyarlanmış esneklik sunduğundan, neyin dahil edileceği ve flow view’inizin nasıl görüneceği sizin kontrolünüzdedir. Remote config’i getirmek için bir metot sağlıyoruz; böylece remote config ile yapılandırdığınız özel flow’unuzu sergileme özerkliğine sahip olursunuz.

Flow remote config’ini alın ve sunun

v4’te bir flow, remoteConfigs dizisinde yapılandırılmış her dil için bir AdaptyRemoteConfig girdisi taşır. Kullanıcının tercihine uyan dili seçin, ardından ihtiyaç duyduğunuz değerleri onun data’sından okuyun.

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
}

Bu noktada, gerekli tüm değerleri aldıktan sonra, onları görsel olarak çekici bir sayfaya render edip birleştirme zamanı gelir. Tasarımın çeşitli cep telefonu ekranlarına ve yönlendirmelerine uyum sağladığından emin olarak farklı cihazlarda kesintisiz ve kullanıcı dostu bir deneyim sunun.

Adapty analizlerinin huniler ve A/B testleri için bilgi yakalayabilmesi adına, aşağıda açıklandığı gibi paywall görüntüleme olayını kaydettiğinizden emin olun.

Flow’u görüntülemeyi tamamladıktan sonra, bir satın alma akışı kurmaya devam edin. Kullanıcı bir satın alma yaptığında, flow’unuzdaki ürünle birlikte .makePurchase() metodunu çağırmanız yeterlidir. .makePurchase() metoduyla ilgili ayrıntılar için Satın alma işlemleri bölümünü okuyun.

Yedek (fallback) paywall oluşturmanızı öneririz. Bu yedek, internet bağlantısı veya kullanılabilir önbellek olmadığında kullanıcıya gösterilir ve bu durumlarda bile sorunsuz bir deneyim sağlar.

Paywall görüntüleme olaylarını izleme

Adapty, flow’larınızın performansını ölçmenize yardımcı olur. Satın almalarla ilgili verileri otomatik olarak toplarken, flow görüntülemelerini kaydetmek sizin girdinizi gerektirir; çünkü bir müşterinin bir flow’u ne zaman gördüğünü yalnızca siz bilirsiniz.

Bir flow görüntüleme olayını kaydetmek için .logShowFlow(flow) metodunu çağırmanız yeterlidir; bu, huniler ve A/B testlerindeki paywall metriklerinize yansıtılır.

Flow Builder veya Paywall Builder tarafından render edilen flow’ları ya da paywall’ları görüntülüyorsanız .logShowFlow(flow) çağrısına gerek yoktur. Bu durumlarda Adapty görüntülemeleri otomatik olarak izler.

await adapty.logShowFlow(flow);

İstek parametreleri:

Parametre	Zorunlu	Açıklama
flow	gerekli	`adapty.getFlow(placementId)` aracılığıyla elde edilen bir `AdaptyFlow` nesnesi.

Bir paywall’ı remote config kullanarak özelleştirdiyseniz, onu kullanıcılara göstermek için mobil uygulamanızın kodunda render işlemini uygulamanız gerekir. Remote config, ihtiyaçlarınıza göre uyarlanmış esneklik sunduğundan, neyin dahil edileceği ve paywall view’inizin nasıl görüneceği sizin kontrolünüzdedir. Remote config’i getirmek için bir metot sağlıyoruz; böylece remote config ile yapılandırdığınız özel paywall’ınızı sergileme özerkliğine sahip olursunuz.

Paywall remote config’ini alın ve gösterin

Bir paywall’un remote config’ini almak için remoteConfig özelliğine erişin ve gerekli değerleri çıkarın.

try {
  const paywall = await adapty.getPaywall({ placementId: "YOUR_PLACEMENT_ID" });
  const headerText = paywall.remoteConfig?.data?.["header_text"];
} catch (error) {
  // handle the error
}

Bu noktada, gerekli tüm değerleri aldıktan sonra bunları görsel açıdan çekici bir sayfaya dönüştürme ve bir araya getirme zamanı gelmiştir. Tasarımın farklı mobil telefon ekranlarına ve yönlendirmelerine uyum sağladığından emin olun; böylece farklı cihazlarda sorunsuz ve kullanıcı dostu bir deneyim sunulur.

Adapty analitiğinin dönüşüm hunileri ve A/B testleri için bilgi toplayabilmesi amacıyla, aşağıda açıklandığı gibi paywall görüntüleme etkinliğini kaydettiğinizden emin olun.

Paywallı görüntüledikten sonra satın alma akışını kurmaya devam edin. Kullanıcı bir satın alma işlemi 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 sayfası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österilecek ve bu durumlarda bile sorunsuz bir deneyim sağlayacaktır.

Paywall görüntüleme olaylarını izleme

Adapty, paywall’larınızın performansını ölçmenize yardımcı olur. Satın almaları otomatik olarak takip ederken, paywall görüntüleme olaylarını kaydetmek için sizin müdahaleniz gerekir; çünkü bir kullanıcının paywall’ı ne zaman gördüğünü yalnızca siz bilebilirsiniz.

Bir paywall görüntüleme olayını kaydetmek için .logShowPaywall(paywall) metodunu çağırmanız yeterlidir; bu, funnel ve A/B testlerindeki paywall metriklerinize yansıtılacaktır.

Paywall Builder ile oluşturulmuş paywall’ları gösteriyorsanız .logShowPaywall(paywall) metodunu çağırmanıza gerek yoktur.

await adapty.logShowPaywall(paywall);

İstek parametreleri:

Parametre	Zorunlu	Açıklama
paywall	gerekli	Bir `AdaptyPaywall` nesnesi.