購入を有効にする

このガイドを進めるには、ストアの連携が完了していて、前のプロダクト追加ガイドに従って少なくとも1つのプロダクトを作成していることを確認してください。

プロダクトが用意できたら、次はユーザーへの見せ方を決める必要があります。Adaptyには3つの選択肢があります。

フローBuilder（推奨）: 購入フロー全体を構築できるノーコードのビジュアルエディタです。Adapty SDKがネイティブにレンダリングするため、UIコードを書く必要はありません。
手動ペイウォール: ペイウォールを作成してプロダクトを紐付け、UIはアプリのコードで自分でレンダリングします。
Adapty ペイウォールビルダー（レガシー）: ノーコードのペイウォールエディタです。

どちらの方法も最終的には同じで、作成したコンテンツをプレースメントに紐付けます。プレースメントとは、アプリが実行時に呼び出し、適切なユーザーに適切なコンテンツを返すための仕組みです。

フロービルダーは現在、iOS、Android、React Native、Flutter、および Capacitor SDK v4 以降をサポートしています。他のプラットフォームへの対応は近日中に追加される予定です。

フローとは、プロダクトが直接埋め込まれた 1 つ以上の画面のことです。フロービルダーでデザインでき、コーディングは不要です。 Adapty SDK はフローを各プラットフォームでネイティブにレンダリングします。アプリが getFlow を呼び出すと、SDK が画面を表示し、購入を処理し、イベントをレポートします。別途 UI コードを書く必要も、ペイウォールを並行してメンテナンスする必要もありません。

1. フローを作成する

Adapty のメインメニューにある Flows に移動します。
Create flow をクリックし、フローをデザインします。

Adapty フロービルダーについて詳しく確認できます。

以下のテンプレートガイドでは、よく使われるパターンをステップごとに解説しています：

基本的なペイウォール画面の作成

フロービルダーで標準的なペイウォール画面を構築するためのステップバイステップガイド。

ボトムシートですべてのプランを表示

シングルCTA、「すべてのプランを表示」リンク、プロダクト一覧を展開するボトムシートを備えたヒーローペイウォールを作成します。

タブ付きペイウォールの作成

2つのタブで異なるフィーチャーリスト、プロダクトグループ、購入アクションを切り替えるペイウォール画面を作成します。

プロダクトごとに異なる機能を表示

条件付き表示を使って、ユーザーが選択したプロダクトに応じて異なる機能一覧を表示します。

パーソナライズされたオンボーディングフローの作成

実例を通じて、マルチスクリーンのオンボーディングフローを構築する全プロセスを解説します。スクリーン、コンテンツ、ナビゲーション、条件分岐について説明します。

フローを保存して公開したら、次はプレースメントへの組み込みに進みましょう。

フローを公開することを忘れずに！公開しないと、プレースメントに追加できません。

2. フローをプレースメントに追加する

プレースメントプレースメントとは、フロー、ペイウォール、オンボーディング、またはA/Bテストをアプリ内で表示する特定の場所です。プレースメントを使うと、特定のオーディエンスにコンテンツをターゲティングできます。プレースメントについて詳しく見る。を作成することで、アプリが実行時にフローをリクエストできるようになります。

まずは最も基本的なオンボーディングのプレースメントから始めましょう。その後、ユーザージャーニー全体に意味のあるプレースメントを追加していくことができます。

Adaptyのメインメニューから Placements に移動し、Flows タブに切り替えます。
Create placement をクリックします。
Placement name（例：main や onboarding）を入力します。これはAdaptyダッシュボード内の内部識別子です。
Placement ID を入力します。このIDはAdapty SDKでプレースメントのフローを読み込む際に使用します。
Run flow をクリックし、作成したフローを選択します。
Save & publish をクリックします。アプリのコードには、プレースメント ID のみをハードコードします。どのフローを実行するか、どのプロダクトを販売するか、見た目のデザインなど、それ以外のすべてはAdapty ダッシュボードで設定でき、アプリのアップデートなしにいつでも変更できます。

Adapty では、さまざまなユーザーグループに異なるフローを表示し、パフォーマンスを分析できます。詳しくはオーディエンスとA/B テストをご覧ください。

ペイウォールは、1つ以上のプロダクトをリモートで管理するコンテナです。Adaptyはプロダクトリストと任意のリモートコンフィグ JSONペイロードを提供し、アプリのコードがそれを読み取ってUIを描画します。

Adaptyをプログラムで設定しますか？この手順はDeveloper CLIを使って行うこともできます。

1. ペイウォールを作成する

Adapty メインメニューの Paywalls を開きます。
Create paywall をクリックします。
Paywall name を入力します。これは Adapty ダッシュボード内の内部識別子です。
Add product をクリックして、ペイウォールに表示するプロダクトを選択します。
（任意）Remote config タブを開き、アプリが必要とする JSON ペイロード（タイトル、コピー、フィーチャーフラグなど）を追加します。詳細はリモートコンフィグを使ったペイウォールのデザインを参照してください。
Create as a draft をクリックし、準備ができたら公開します。

このペイウォールはアプリコードで描画します。ペイウォールを手動で実装するお使いのプラットフォームのガイドをご覧ください: iOS、Android、React Native、Flutter、Unity。

2. ペイウォールをプレースメントに追加する

プレースメントプレースメントとは、フロー、ペイウォール、オンボーディング、または A/B テストを表示するアプリ内の特定のポイントです。プレースメントを使用すると、特定のオーディエンスにコンテンツをターゲティングできます。プレースメントの詳細はこちら。を作成することで、アプリが実行時にペイウォールをリクエストできるようになります。

まずは最も基本的なオンボーディングプレースメントから始めましょう。その後、ユーザージャーニー全体にわたってさらに多くの意味のあるプレースメントを追加できます。

Adaptyのメインメニューから Placements に移動し、Paywalls タブに切り替えます。
Create placement をクリックします。
Placement name（例：main や onboarding）を入力します。これはAdapty ダッシュボード内の内部識別子です。
Placement ID を入力します。このIDをAdapty SDKで使用して、プレースメントのペイウォールを読み込みます。
Run paywall をクリックし、作成したペイウォールを選択します。
Save & publish をクリックします。

アプリのコードにはプレースメント ID のみをハードコードします。どのペイウォールを表示するか、どのプロダクトを販売するか、リモートコンフィグの内容はすべて Adapty ダッシュボードで設定でき、アプリを更新することなくいつでも変更できます。

Adaptyでは、さまざまなユーザーグループに異なるペイウォールを表示し、パフォーマンスを分析できます。オーディエンスとA/B テストについて詳しくはこちらをご覧ください。

ペイウォールビルダーで作成したペイウォールは、プロダクトが直接組み込まれたノーコード画面です。Adapty SDKがネイティブでレンダリングするため、UIのコードを書く必要はありません。

ペイウォールビルダーは引き続き使用できますが、Adapty は今後このビルダーへの機能追加やアップデートの提供を行いません。新規プロジェクトでは、代わりにフロービルダーをご利用ください。

1. ペイウォールを作成する

Adapty のメインメニューから Paywalls に移動します。
Create paywall をクリックします。
Paywall name を入力します。これは Adapty ダッシュボード内部の識別子です。
Add product をクリックし、ペイウォールに表示するプロダクトを選択します。
Builder & Generator タブを開きます。テンプレートからペイウォールを作成するか、AI を使って生成します。
Show on device トグルをオンにすると、SDK がレンダリングできるようになります。

2. ペイウォールをプレースメントに追加する

プレースメントプレースメントとは、フロー、ペイウォール、オンボーディング、または A/B テストを表示するアプリ内の特定のポイントです。プレースメントを使うと、特定のオーディエンスにコンテンツをターゲティングできます。詳しくはプレースメントをご覧ください。を作成して、アプリが実行時にペイウォールをリクエストできるようにします。

Adapty のメインメニューで Placements を開き、Paywalls タブに切り替えます。
Create placement をクリックします。
Placement name（例：main や onboarding）を入力します。これは Adapty ダッシュボード内の内部識別子です。
Placement ID を入力します。このIDは、Adapty SDK でプレースメントのペイウォールを読み込む際に使用します。
Run paywall をクリックして、作成したペイウォールを選択します。
Save & publish をクリックします。

アプリのコード内にハードコードするのはプレースメント ID のみです。どのペイウォールを表示するか、どのプロダクトを販売するか、どのような見た目にするか — これらはすべて Adapty ダッシュボードで設定でき、アプリのアップデートなしにいつでも変更できます。

次のステップ

SDK が配信するコンテンツの準備が整いました。次は、アプリに Adapty SDK を組み込み、プレースメントの取得を始めましょう。