購入を有効にする
このガイドを進めるには、ストアの連携が完了していて、前のプロダクト追加ガイドに従って少なくとも1つのプロダクトを作成していることを確認してください。
プロダクトが用意できたら、次はユーザーへの見せ方を決める必要があります。Adaptyには3つの選択肢があります。
- フローBuilder(推奨): 購入フロー全体を構築できるノーコードのビジュアルエディタです。Adapty SDKがネイティブにレンダリングするため、UIコードを書く必要はありません。
- 手動ペイウォール: ペイウォールを作成してプロダクトを紐付け、UIはアプリのコードで自分でレンダリングします。
- Adapty ペイウォールビルダー(レガシー): ノーコードのペイウォールエディタです。
どちらの方法も最終的には同じで、作成したコンテンツをプレースメントに紐付けます。プレースメントとは、アプリが実行時に呼び出し、適切なユーザーに適切なコンテンツを返すための仕組みです。
Flow Builder は現在、iOS および Android SDK v4 以降をサポートしています。他のプラットフォームへの対応は近日公開予定です。
フローとは、プロダクトが直接埋め込まれた1つ以上の画面のことです。Flow Builder でデザインでき、コードは不要です。
Adapty SDK は各プラットフォームでフローをネイティブにレンダリングします。アプリが getFlow を呼び出すと、SDK が画面を表示し、購入を処理し、イベントを報告します。別途 UI コードを書く必要も、ペイウォールを別管理する必要もありません。
1. フローを作成する
- Adapty のメインメニューにある Flows に移動します。
- Create flow をクリックし、フローをデザインします。
Adapty フロービルダーについて詳しく確認できます。
以下のテンプレートガイドでは、よく使われるパターンをステップごとに解説しています:
基本的なペイウォール画面の作成
フローBuilder で標準的なペイウォール画面を構築するためのステップバイステップガイド。
ボトムシートですべてのプランを表示
シングル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 ダッシュボードで設定でき、アプリのアップデートなしにいつでも変更できます。
ペイウォールは、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 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 を組み込み、プレースメントの取得を始めましょう。