---
title: "Onboarding quizleri"
description: "Kullanıcı tercihlerini toplamak ve kişiselleştirilmiş akışlar oluşturmak için Adapty onboarding'lerinize etkileşimli quizler ekleyin—kod gerekmez."
---

Onboarding'inizi iki yönlü bir konuşmaya dönüştürün: Adapty'nin kodsuz oluşturucusunda quizler ekleyerek tercihleri toplayın, kullanıcıları segmentlere ayırın ve gerçek zamanlı yanıtlara göre [akışları dallandırın](onboarding-user-engagement#onboarding-flow-branching). Dakikalar içinde bilgi toplamaya başlayabilirsiniz—hiç kod yazmadan.

## Quiz ekleme \{#add-quizzes\}

Kullanıcı girdisi toplamak için metin, emoji veya görsel seçenekler gibi çeşitli quiz türleri ekleyebilirsiniz:

1. Sol üstteki **Add** düğmesine tıklayın.
2. **Quiz**'i seçin ve bir tür belirleyin:
- **Simple**: Tek seçimlik metin seçenekleri listesi. Kullanıcıları birincil bir özelliğe göre segmentlemek için kullanın (örn. "Rolünüz nedir?").
- **Multiple choice**: Birden fazla metin seçeneği seçmeye olanak tanır. Tüm kullanıcı ilgi alanlarını toplamak için idealdir (örn. favori özellikler).
- **Emoji**: Hızlı tepkiler için emoji ile gösterilen seçenekler. Hızlı duygu kontrolleri için harikadır (örn. "Ne kadar heyecanlısınız?").
- **Media picker**: Seçilebilir tercihler olarak görsel veya video yükleyin. Görsel içeren tercihler için mükemmeldir (örn. favori temanızı seçin).
- **Rating**: Kullanıcılar sayısal veya yıldız ölçeğiyle değerlendirme yapar. Memnuniyeti veya güveni ölçmek için kullanın (örn. bu özelliği 1-5 arası puanlayın).
- **Popup question**: Modal bir soru katmanı görüntüler. Zamana duyarlı istemler için mükemmeldir.
3. Sağ taraftan quiz'i yapılandırın:
- **Required**: Kullanıcılar devam etmeden önce yanıt vermeyi zorunlu kılın.
- **Layout**: Liste veya görsel döşeme düzeni arasında seçim yapın.
- **Multiple answers**: Çoklu seçime izin verin (quiz için navigasyon seçeneklerini devre dışı bırakır).
- **Show checkboxes**: Çoklu yanıtlar etkinleştirildiğinde onay kutularını görüntüleyin.
4. Sağ taraftan quiz seçeneklerini yapılandırın:
- **Label**: Her seçenek için görüntülenen metin.
- **Value**: Analitik ve webhook yüklerine gönderilen değer.
- **Image type**: Medya yükleyin veya emoji kullanın.
5. Kullanıcı bir seçenek seçtiğinde tetiklenecek [aksiyonları](onboarding-actions) yapılandırın.

Daha fazla bilgi için aşağıdaki [quiz tasarım rehberine](#how-to-design-quizzes) bakın.

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

### Quiz nasıl tasarlanır \{#how-to-design-quizzes\}

İşte basit bir quiz kurulum örneği.

Diyelim ki bir tarif uygulamanız var ve kullanıcılarınızın vegan mı yoksa vejetaryen mi olduğunu öğrenmek, ardından yanıtlarına göre tercihlerini daha ayrıntılı keşfetmek istiyorsunuz.

#### Adım 1. Ekranları ekleyin \{#step-1-add-screens\}

1. Yeni bir ekran ekleyin ve içine **Quiz** öğesi ekleyin.
   
   <img src="/assets/shared/img/onboarding-user-engagement1.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
2. Farklı kullanıcı grupları için ekranlar ekleyin. Örneğimizde bu ekranlar ek bilgi toplayacağından quiz de içerecek.
   
   <img src="/assets/shared/img/onboarding-user-engagement2.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
3. Onboarding'in tamamlandığını belirtmek ve kullanıcıların doğrudan uygulamaya geçmesine olanak tanımak için bir son ekran ekleyin.
   
   <img src="/assets/shared/img/onboarding-user-engagement3.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   

#### Adım 2. Navigasyonu yapılandırın \{#step-2-configure-navigation\}

1. Dinamik navigasyonu kurmak için ilk quiz ekranındaki **Options** öğesini seçin. **Behavior** bölümünde **Action on Option** ekleyin.

    Kullanıcıları yanıtlarına göre farklı ekranlara yönlendirmek istediğimizden aksiyon olarak **Navigate**'i seçin, **Data** için **Dynamic**'i belirleyin ve **State** alanında **Options** öğenizi seçin. Ardından her seçeneği bir ekranla ilişkilendirin.

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

2. Her iki koşullu ekranda da navigasyon düğmesini yapılandırın. İkinci koşullu ekranı atlamak gerektiğinden, navigasyon düğmesini doğrudan bir sonraki göstermek istediğiniz ekrana yönlendirin.

:::tip
Onboarding'i quiz yanıtlarına göre özelleştirmek istiyorsanız [navigasyon](onboarding-navigation-branching#dynamic-navigation) veya [değişken kullanımı](onboarding-variables) rehberlerine bakın.
:::

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

## Quiz özelleştirme \{#quiz-customization\}

Temel [öğe düzeninin](onboarding-layout#element-layout) ötesinde quiz görünümünü de özelleştirebilirsiniz:

1. Sol taraftan quiz öğesini seçin.
2. Sağ menüden **Styles**'a gidin.
3. Şu ayarları düzenleyin:
- **Options**: Yükseklik, dolgu, arka plan, yuvarlaklık, kenarlık, kenarlık rengi.
- **Text**: Renk, yazı tipi, hizalama.
- **Pressed State**: Arka plan, metin rengi, kenarlık rengi.

:::tip
Bir quiz öğesini özelleştirdikten sonra, aynı stilleri tüm onboarding ekranlarına toplu olarak uygulamak için alttaki **Apply styles to all options** düğmesine tıklayabilirsiniz.
:::

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

## Quiz yanıtlarını kaydetme \{#save-quiz-answers\}

Quiz yanıtlarını uygulamanızda işleyerek saklayabilir veya kullanabilirsiniz.

Bunun için uygulama kodunda quiz yanıt olayını ele almanız gerekir. Platformunuz için ilgili rehbere bakın:

- [iOS](ios-handling-onboarding-events)
- [Android](android-handle-onboarding-events)
- [React Native](react-native-handling-onboarding-events)
- [Flutter](flutter-handling-onboarding-events)