フロー (ベータ版)

Important

フローをユーザーに届けるには、新しいバージョンの SDK と専用のプレースメントが必要です:

  • Adapty SDK v4.0以降: 旧バージョンのSDKはフローをレンダリングできません。
  • 専用のフロープレースメント: フローとペイウォールはコンテンツタイプが異なるため、それぞれ専用のプレースメントタイプに配置されます。フローはペイウォールのプレースメントには配置できません。また、新しいフロープレースメントはペイウォールプレースメントのIDを再利用できません — プレースメントIDはアプリ全体で一意です。プレースメントの作成を参照してください。

Adaptyでは、ビジュアルなノーコードエディターでフローを作成できます。

  • ペイウォール、オンボーディングなどの作成: 動的なシングルまたはマルチスクリーンのフローを作成できます。
  • 充実したフローテンプレート: プロがデザインしたテンプレートからフローを始められます。
  • 柔軟なデザイン: 複雑な画面もコード不要でビジュアルに再現できます。
  • AI エディター: 変更内容を自然な言葉で説明するだけで画面に反映されます。プロパティを触らずにスタイル変更、文章の書き換え、要素の並び替えが可能です。
  • ネイティブレンダリング: Adapty SDK はフローをウェブビューを使わずネイティブにレンダリングするため、シームレスなユーザー体験を実現します。
  • 再デプロイ不要で更新: コピー、デザイン、ロジックはいつでも変更可能。アプリのリリースなしにユーザーへ届きます。

作れるもの

フローはアプリのどこにでも配置できます。初回起動時、プレミアム機能の前、重要なアクション後など、あらゆる場面に対応します。すべての画面は自由にカスタマイズできるので、それぞれのフローをその場面に合わせた内容にできます。主な活用例を紹介します。

  • アプリのオンボーディング: アプリの機能を紹介し、質問を行い、クイズの回答に基づいてハイライトされる機能やCTAをパーソナライズします。パーソナライズされたオンボーディングフローを作成するを参照してください。
  • ペイウォール画面: プレミアムコンテンツの前に機能制限を設け、機能一覧・価格・購入ボタンとともにプロダクトを提示します。基本的なペイウォール画面を作成するを参照してください。
  • タブ形式の段階プラン: サブスクリプションのティアをタブで並べて表示し、ユーザーが切り替えると機能一覧とCTAが切り替わります。タブ付きペイウォールを作成するプロダクトごとに異なる機能を表示するを参照してください。
  • 展開可能なプランリスト: 1つのハイライトオファーを先頭に表示し、比較したいユーザー向けにボトムシートでプロダクト一覧を展開表示します。ボトムシートにすべてのプランを表示するを参照してください。
  • アンケートとクイズ: 目標・好み・経験レベルを収集し、その回答を使ってフローを分岐させたり、後続の画面をカスタマイズしたり、アプリ内で処理したりできます。フロービルダーの入力フォームを参照してください。
  • ソーシャルプルーフ: レビューカード・評価・体験談を購入判断の直前に表示して信頼を構築します。レビューと体験談を参照してください。
  • プロモーション・ウィンバック画面: 期間限定の割引、無料トライアルオファー、またはウィンバック画面を使って離脱ユーザーを再エンゲージします。

これらは最もよく使われるパターンに過ぎません。フローは柔軟で再利用可能な要素から構成されているため、プロダクトに必要なほぼあらゆるスクリーンを組み合わせて作ることができ、プロダクトが進化するたびに自由に作り変えることができます。

フローを作成する

新しいフローを作成するには、カスタムデザインのギャラリーテンプレートまたは白紙のキャンバスを使用します。作成後は、以下の機能でカスタマイズできます。

  • エレメントライブラリ — テキスト、メディア、ボタン、フォームなどのコンテンツに使える事前構築済みブロック。
  • アクション — 画面間のナビゲーション、URLを開く、購入の実行など。
  • 変数 — テキストや、トリガーベースのフローロジックを有効にするために変数の値を使用。
  • 条件付きナビゲーション — ユーザーの入力に基づいてフローを分岐。
  • クイズと入力 — ユーザーの入力を収集し、フローで使用したり、アプリに渡す。
  • AI エディター — 変更を自然言語で説明すると、AI が現在の画面に適用します。
  • ダークモード — デバイスのテーマに合わせてエレメントをスタイリング。
  • ローカライズ — 手動またはAI対応。

ドラフトを保存して公開したら、フロープレースメントに紐付けましょう。他のプレースメントと重複しない新しいプレースメント ID を使って新規作成してください。フロープレースメントは、オーディエンスごとに異なるフローを設定できます。

フローが公開されたら、指標ページでビュー数・完了数・収益を追跡できます。Analytics ページのほとんどのチャート(MRR やチャーンなど)は、特定のフローに絞り込むこともできます(フローの画面単位での絞り込みも可能です)。

次のステップ

フローを作成する

カスタムデザインのギャラリーテンプレートやシンプルなスターターから新しいフローを始めましょう。

インターフェース概要

フローBuilderのインターフェースとワークスペースの概要。

AI エディター

変更内容を平易な言葉で伝えるだけで、AI エディターがフロースクリーンに適用します。プロパティを一切触らずに、スタイルの変更・テキストの書き直し・要素の並び替えが可能です。

エージェントスキル

AdaptyのエージェントスキルをインストールしてAIコーディングツールでターミナルからフローのビルド、編集、監査を行えるようにします。

フローの一般的なレシピ

Flow Builder でよく使われる画面テンプレートを構築するためのステップバイステップガイド。

フローへの移行

個別のオンボーディングとペイウォールをひとつのAdaptyフローにまとめる方法 — 変更点と、旧バージョンのアプリを使っているユーザーを混乱させずに展開する手順を説明します。

ペイウォールをフローに変換する

既存のペイウォールを1クリックで編集可能なフローとして再作成できます。新しいバージョンのビルドとテスト中も、元のペイウォールはそのまま公開されています。

画面とレイヤー

フローのビルダーで、各スクリーンのスクリーンと要素のヒエラルキーを管理します。

レイアウトと配置

レイアウト、位置モード、サイズ、スペーシングを使って要素を画面上に配置します。

スタイルと外観

要素の視覚的な外観(塗りつぶし、ボーダー、エフェクト、タイポグラフィ、状態、プロジェクト全体のスタイル)を設定します。

プロダクトと購入

フロービルダーでスクリーンにプロダクトを割り当て、プロダクト要素を追加し、購入ボタンを接続します。

要素

フロービルダーで利用できるすべてのビジュアルエレメント:レイアウトコンテナ、テキスト、メディア、リスト、ボタン、入力フィールド、プロダクトなど。

ナビゲーションとインタラクション

ユーザーを画面間で移動させ、ユーザーとやり取りする

ダークモード

Adaptyのフローにダークモードを設定して、ユーザー体験を向上させる方法を説明します。

ペイウォールのローカライズ

ペイウォールとオンボーディングを複数言語にローカライズします。

リモートコンフィグによるフローのカスタマイズ

リモートコンフィグの JSON ペイロードを使って、フロービルダーのフローをカスタマイズします。

フローのプレビュー

デバイス間のフロー互換性をプレビューして、最適なエクスペリエンスを確認できます。

フローの保存と公開

フローを下書きとして保存し、ユーザーに公開する

フローの検索とフィルタリング

フローの検索、フィルタリング、並べ替えを行い、各フローで利用可能なアクションを開きます。

フローと画面のコピー

フロー全体を複製してオーディエンスやA/Bテストのバリアント向けに調整したり、単一の画面をコピーして再利用したりできます。

フローのアーカイブと復元

不要になったフローをアーカイブしてその指標を保持します。アーカイブされたフローを復元して再び使用できます。

フローの指標

フローのパフォーマンス指標を追跡・分析して、サブスクリプション収益を改善しましょう。

フォールバックフロー

デバイスがオフラインのときもフローを表示し続けるために、Adapty でローカルフォールバックフローを設定しましょう。

よくある問題

フローのプレビュー、公開、またはフロービルダーでの動作に問題が発生した場合の解決方法。

ペイウォールビルダーとオンボーディングビルダーの廃止

2026年10月1日をもって、Adaptyはレガシーのペイウォールビルダーとオンボーディングビルダーを廃止します。公開済みのペイウォールとオンボーディングは引き続き機能し、編集も可能です。新しいものはフロービルダーで作成してください。