---
title: "Web paywall"
description: "Uygulama mağazası ücretleri ve denetimleri olmadan ödeme almak için bir web paywall kurulumu yapın."
---

:::important
Başlamadan önce iOS için Adapty SDK 3.6.1 veya üzeri, Android için ise Adapty SDK 3.15 veya üzeri sürümü kurduğunuzdan emin olun.
:::

Adapty ile, uygulama kullanıcılarınızı ödeme yapmak üzere tarayıcıya yönlendiren bir düğme içeren paywall oluşturabilirsiniz. Kullanıcılar başarılı bir satın alımın ardından uygulamanıza döndüğünde abonelik etkinleşir.
Bu sayede mağaza ücretlerini atlayarak kullanıcı ödemelerini etkin biçimde takip edebilirsiniz.

   
   <img src="/assets/shared/img/web_paywall.gif"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   

:::tip
App Store, yalnızca ABD'de harici ödeme seçeneklerine izin vermektedir.

Bir paywall'u yalnızca ABD pazarına özel kullanmak için mevcut paywall'unuzu çoğaltın ve bir web paywall kurulumu yapın. Bu şekilde, biri ABD/Japonya için diğeri de geri kalanlar için olmak üzere neredeyse birbirinin aynısı iki paywall kullanmış olursunuz.
:::

## Nasıl çalışır \{#how-it-works\}

Web paywall, uygulama içi paywall'larınızın her biri için benzersiz bir URL'dir. Kullanıcıların tarayıcıya geçip orada ödeme yapmasına olanak tanır. Farklı ödeme sağlayıcılarıyla (Stripe, Paddle ve diğerleri) çalışır; Apple Pay düğmesi içeren tek sayfalık bir akış ya da upsell'ler barındıran daha karmaşık akışlar kurmanıza imkân verir.

   
   <img src="/assets/shared/img/web-paywall-promo.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   

Web paywall'lar şu şekilde çalışır:
1. Web paywall sayfasının nasıl görüneceğini ve çalışacağını **editörde yapılandırırsınız**.
2. Web paywall'u paywall ayarlarında **bağlarsınız**.
3. Uygulama paywall'unuza kullanıcıları tarayıcıya yönlendiren **bir düğme eklersiniz**.
4. Kullanıcı düğmeye dokunduğunda Adapty SDK **benzersiz bir URL oluşturur**.
5. Kullanıcılar **web paywall sayfasına gider** ve harici bir ödeme yöntemiyle abonelik için **ödeme yapar**.
6. Kullanıcılar uygulamaya döndüğünde Adapty SDK, yapılan satın alımlar nedeniyle **profilin güncellenip güncellenmediğini takip etmeye** başlar.
7. Adapty, satın alma etkinliği hakkında bilgi alır, bunu bir analitik etkinliği olarak kaydeder ve güncellemeler için izlemeye devam eder.

## Adım 1. Web paywall oluşturma \{#step-1-create-a-web-paywall\}

1. Mevcut bir paywall için harici ödemeleri etkinleştirmek istiyorsanız, yalnızca ABD kullanıcı segmentinize gösterebilmek için önce [çoğaltmanız](duplicate-paywalls) gerekir; eski paywall'u diğer tüm kullanıcılara göstermeye devam edersiniz. Sıfırdan başlamak istiyorsanız [yeni bir paywall oluşturun](create-paywall).
2. Paywall'da **Web paywall** sekmesine geçin ve **Create web paywall** düğmesine tıklayın. Yeni bir sayfaya yönlendirileceksiniz.
   
   <img src="/assets/shared/img/web-paywall-1.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
3. Web paywall'un kendisini ayarlayın ve bir ödeme yöntemi bağlayın.
:::tip
Çalışan bir web paywall başlatmanıza yardımcı olacak [hızlı başlangıç kılavuzumuzu](web-paywall-configuration) kullanın.
:::
4. **Web paywall** sayfasına geri dönün ve paywall bağlantısını yapıştırın.
:::important
Paywall'unuzu üretim ortamına alırken, web paywall'unuzu yayımladıktan sonra oluşturulan doğru bağlantıyı kullandığınızdan emin olmak **son derece önemlidir**. Bağlantı formatı şu şekildedir: `paywalls-....fnlfx.com`.
:::
5. **Save** düğmesine tıklayın.
   
   <img src="/assets/shared/img/web-paywall-4.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   

## Adım 2. Paywall'u tetikleme \{#step-2-trigger-the-paywall\}

Web paywall'unuzu kullanmak için tetiklemeniz gerekir; bunu nasıl yapacağınız kurulumunuza bağlıdır:

- Builder'da oluşturulmuş bir paywall kullanıyorsanız, satın alımları takip edip verileri Adapty'ye geri göndermek amacıyla verdiğiniz bağlantıyı kullanacak [yeni bir düğme eklemeniz](#step-2a-add-a-web-purchase-button) yeterlidir.
- SDK kullanıyorsanız, web paywall'ları yönetmek için [`openWebPaywall`](#step-2b-set-up-the-sdk-method) metodunu kurmanız gerekir.

### Adım 2a. Web satın alma düğmesi ekleme \{#step-2a-add-a-web-purchase-button\}

**Builder'daki paywall'u** kullanıyorsanız bir web paywall düğmesi eklemeniz gerekir. Düğme, satın alımları takip etmek ve verileri Adapty'ye geri göndermek için sağladığınız bağlantıyı kullanır.

1. Paywall'u açın ve **Builder & Generator** sekmesine geçin.
2. **Add element** düğmesine tıklayın ve **Web paywall button** seçeneğini seçin.

   Bir şablon ya da mevcut/çoğaltılmış bir paywall kullanıyorsanız, az önce eklediğiniz web paywall düğmesini önceki satın alma düğmesine ekleyin.
   Web paywall düğmesini tıpkı satın alma düğmesi gibi yapılandırabilirsiniz.

3. **Open paywall in** açılır menüsünden web paywall'u nasıl açmak istediğinizi seçin:
    - **External browser**: Paywall'u varsayılan tarayıcı uygulamasında açar.
    - **In-app browser**: Paywall'u, uygulamadan çıkmadan uygulamanın üzerinde açılan uygulama içi tarayıcıda açar.

   <img src="/assets/shared/img/web-paywall-5.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   

### Adım 2b. SDK metodunu çağırma \{#step-2b-call-the-sdk-method\}

Kendiniz geliştirdiğiniz bir paywall'la çalışıyorsanız, web paywall'ları SDK metodu aracılığıyla yönetmeniz gerekir. Framework'e özel kılavuzları inceleyin:

- [iOS](ios-web-paywall)
- [Android](android-web-paywall)
- [React Native](react-native-web-paywall)
- [Flutter](flutter-web-paywall)
- [Unity](unity-web-paywalls)

## Adım 3. Placement kurulumu \{#step-3-set-up-a-placement\}

Web paywall'lara yalnızca ABD'deki iOS uygulamaları için izin verildiğinden, ABD/Japonya için ayrı bir kullanıcı segmenti ekleyin ve farklı kitlelere farklı paywall'lar hedeflemek üzere bir placement kurun:

1. Aşağıdaki özelliklere sahip [yeni bir segment oluşturun](segments):
   - **Country from store account**: United States
   - **Platform**: iOS ve iPadOS
   - **App version**: SDK 3.6.0 veya üzerini kullanan en son sürüm.
     
     <img src="/assets/shared/img/web-paywall-6.png"
     style={{
     border: '1px solid #727272', /* border width and color */
     width: '700px', /* image width */
     display: 'block', /* for alignment */
     margin: '0 auto' /* center alignment */
     }}
     />
     
2. Bir [placement oluşturun](create-placement) ya da mevcut bir placement'ı [düzenleyin](edit-placement). Web paywall ve oluşturulan segment ile [yeni bir kitle ekleyin](add-audience-paywall-ab-test).
   
   <img src="/assets/shared/img/web-paywall-7.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />