---
title: "オンボーディングを作成する"
---

[オンボーディング](onboardings)は、モバイルアプリの価値・機能・使い方を新規ユーザーに紹介するものです。

## ステップ 1. オンボーディングを作成する \{#step-1-create-an-onboarding\}

Adapty ダッシュボードで新しいオンボーディングを作成するには:

1. Adapty のメインメニューから **Onboardings** に移動します。このページでは、設定済みのすべてのオンボーディングとその指標の概要を確認できます。**Create onboarding** をクリックします。

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

2. オンボーディングのわかりやすい名前を入力し、**Proceed to build onboarding** をクリックします。

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

3. オンボーディングビルダーにリダイレクトされます。
   
   デフォルトのデモテンプレートが用意されており、オンボーディングがどのようにデータを収集するか、変数やクイズを使ってどのようにパーソナライズできるかを確認できます。不要な画面は自由に削除し、[独自のオンボーディング体験をデザイン](design-onboarding)してください。

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

4. 準備ができたら、右上の **Preview** ボタンをクリックします。すべてが期待どおりに動作することを確認するために、実際にオンボーディングフローを最後まで体験してください。
   
   <img src="/assets/shared/img/create-onboarding4.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
5. 問題がなければ、右上の **Publish** をクリックします。Adapty に戻る前に、公開が完了するまで待ってください。そうしないと、作業内容が失われます。

:::danger
**Publish** をクリックしないと、SDK は作成したオンボーディングを取得できません。
:::

   
   <img src="/assets/shared/img/create-onboarding5.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
オンボーディングが公開されたら、**Back to Adapty** をクリックします。オンボーディングが作成されました。プレースメントに追加して使い始めることができます。

## ステップ 2. オンボーディング用のプレースメントを作成する \{#step-2-create-a-placement-for-your-onboarding\}

1. メインメニューから **Placements** に移動し、**Onboardings** タブに切り替えます。**Create placement** をクリックします。

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

2. プレースメントの名前と ID を入力します。次に、**Run onboarding** をクリックし、すべてのユーザーに表示するオンボーディングを選択します。
3. 特定のユーザーグループ向けに別のオンボーディングを用意している場合は、[オーディエンスを追加](audience)して、そのグループに別のオンボーディングを選択してください。

## ステップ 3. オンボーディングをアプリに組み込む \{#step-3-integrate-the-onboarding-into-your-app\}

:::important
オンボーディングは、Adapty SDK v3.8.0 以降（iOS、Android、React Native、Flutter）、v3.14.0 以降（Unity）、または v3.15.0 以降（Kotlin Multiplatform、Capacitor）を使用するアプリで利用できます。
:::

アプリでオンボーディングの表示を開始するには、Adapty SDK を使用して組み込んでください:
- [iOS](ios-onboardings)
- [Android](android-onboardings)
- [React Native](react-native-onboardings)
- [Flutter](flutter-onboardings)
- [Unity](unity-onboardings)
- [Kotlin Multiplatform](kmp-onboardings)
- [Capacitor](capacitor-onboardings)

どのオンボーディングがより効果的かを把握するために、[A/B テスト](ab-tests)を実施することもできます。