---
title: "Flow ekranlarının nasıl bağlandığını görün"
description: "Bir flow'daki her ekranın ve aralarındaki yolların haritasını açın — dallar, atlamalar ve çıkmaz sokaklar dahil — flow-generator skill'i tarafından tarayıcınızda çizilir."
---

> **AI agents**: to search Adapty docs faster and with fewer tokens, install the Adapty skills: `npx adapty skills install --yes`

Flow & Paywall Builder bir seferde yalnızca tek bir ekran gösterir; bu yüzden uzun bir onboarding'de quiz dallanmalarıyla birlikte her cevabın nereye gittiğini takip etmek güçleşir. [flow-generator skill](flow-generator-skill), tüm flow'u bir harita olarak çizebilir: sırayla her ekran, aralarındaki her yol ve yolun ayrıldığı ya da durduğu her nokta.

Harita, tarayıcınızda açılan tek bir HTML dosyasıdır. Ekran önizlemelerini de içerdiğinden, bir ekip arkadaşınıza gönderebilirsiniz ve kurulum gerektirmeksizin açabilirler.

:::important
Harita, flow-generator skill'inin bir parçasıdır; dolayısıyla ekstra kurulum gerekmez — [flow-generator kurulum adımlarını](flow-generator-skill#install-the-skill) takip edin. Haritayı çizmek yalnızca flow'u okur: kontrol panelinize hiçbir şey kaydetmez.
:::

## Ne işe yarar \{#what-its-for\}

- **Yayımlamadan önce dallanmayı gözden geçirin**: Her sınav cevabının hangi ekranı açtığını ve dalların nerede birleştiğini görün.
- **Bağlantı hatalarını yakalayın**: Harita, hiçbir şeyin yönlendirmediği ekranları ve ilerleyecek yolu olmayan ekranları işaretler. Her ikisi de yayımlama kontrolünden geçer ve her ikisi de kullanıcıları cihazda mahsur bırakır.
- **Başkasının oluşturduğu bir flow'u inceleyin**: 20 ekranlık bir onboarding'i ekran ekran tıklamak yerine tek bakışta okuyun.
- **Yapıyı paylaşın**: Dosyayı Adapty kontrol panelini kullanmayan bir tasarımcıya veya ürün yöneticisine gönderin.

## Nasıl kullanılır \{#how-to-use-it\}

Skill, on veya daha fazla ekranı olan bir flow oluşturduğunda ya da yeniden düzenlediğinde veya bir dal ekleyip değiştirdiğinde haritayı kendisi açar. Herhangi bir flow için haritayı açmak istiyorsanız, düz dilde şunu sorun:

```
"Sleep onboarding" flow'umdaki ekranlar nasıl bağlı?
```

```
Busy mind ekranındaki "Not really" düğmesi nereye gidiyor?
```

Skill, flow'u getirir, her ekranı render eder ve haritayı açar. Kaydırmak için arka planı sürükleyin ya da kaydırın. Yakınlaştırmak için **+** ve **−** tuşlarını kullanın ya da tüm flow'u görmek için **Fit**'e tıklayın. Bir ekranı büyütmek için üzerine tıklayın.

## Haritada neler gösteriliyor \{#what-the-map-shows\}

Ekranlar soldan sağa doğru, ilk ekrandan başlayarak sıralanır. Bir dalın yan yana koyduğu ekranlar aynı sütunda yer alır.

| Haritada | Anlam |
| :--- | :--- |
| Gri ok | Bir yanıta bağlı olmayan bir yol. |
| Etiketli mor ok | Bir dalın tek bir durumu. Etiket, onu açan yanıtı adlandırır; örneğin `goal = Falling asleep faster`. **otherwise** etiketi varsayılan durumu işaret eder. |
| Kesik çizgili ok | Daha düşük numaralı bir ekrana geri döner. |
| **after timer** etiketi | Ekran, [zamanlayıcısı](flow-timer) sona erdiğinde kendiliğinden ilerler. |
| **branches** etiketi | Bu ekranda yol ikiye ayrılır. |
| **buys**, **restores**, **closes flow**, **back** etiketleri | Başka bir ekran açmadan ekrandan çıkan eylemler. |
| **nothing leads here** etiketi | Hiçbir ekran bu ekranı açmıyor; dolayısıyla kullanıcılar buraya ulaşamıyor. |
| **no way out** etiketi | Hiçbir düğme başka bir ekran açmıyor, satın alma yapmıyor ya da flow'u kapatmıyor. Yalnızca **Back** düğmesi bu sayılmaz. |

Bir ekranın yollarını vurgulamak için üzerine gelin. Diğer ekranlar ve oklar solar.

## Örnekler \{#examples\}

**Quiz cevaplarına göre dallanma.** **Goal** ekranı her cevabı kendi ekranına gönderir ve **Busy mind** bir kez daha dallanır. Her üç yol da **What keeps you up** ekranında birleşir.

**Çıkmaz bir dal.** **Bedtime** ekranında **After midnight** seçeneğini seçen kullanıcılar **Name** ekranına yönlendirilir, ancak **Name** ekranındaki **Continue** düğmesinin herhangi bir aksiyonu yoktur. Harita bunu **no way out** olarak işaretler.

## Tarayıcı olmadan \{#without-a-browser\}

AI aracınız uzak bir makinede çalışıyorsa, skill aynı haritayı sohbet penceresinde metin olarak yazdırır:

```
◆ Bedtime
    bedtime = After midnight  →  Name
    otherwise  →  Wind-down
    back
▢ Name
    back
    (no way out)
▢ Wind-down
    "Continue"  →  Reaction: wind-down
```

◆ işareti, yolun ayrıldığı bir ekranı gösterir. `back` gibi etiketler, başka bir ekran açmadan o ekrandan çıkan işlemleri listeler.

## Sınırlamalar \{#limitations\}

- **Cihazı değil, config'i gösterir**: Harita, flow'un tanımladığı yolları çizer. Bir zamanlayıcının tetiklendiğini veya bir dalın telefonda doğru ekranı açtığını doğrulamak için [cihaz önizlemesini](paywall-device-compatibility-preview) kullanın.
- **Ekran önizlemeleri, skill'in önizlemesiyle aynı kısıtlamalara sahiptir**: Fiyatlar değişken adları olarak görünür, toggle'lar kapalı durumlarını gösterir. Bkz. [Önizleme tek bir ekranı, tek bir durumda gösterir](flow-generator-skill#the-preview-renders-one-screen-in-one-state).
- **Custom action'lar flow'un sınırında biter**: Bir düğme [**Custom Action**](onboarding-actions#custom-actions) tetiklediğinde, harita ekranı action ID'siyle etiketler. Uygulamanızın buna yanıt olarak açtığı ekran flow'un parçası değildir, dolayısıyla harita onu göstermez.
- **Harita salt okunurdur**: Bir yolu değiştirmek için skill'e sorun ya da flow'u Flow & Paywall Builder'da düzenleyin, ardından haritayı yeniden açın.