Webペイウォール

始める前に、必要なAdapty SDKのバージョンがインストールされていることを確認してください:

  • ペイウォールビルダーまたはカスタムペイウォール:3.6.1以降(iOS)、3.15以降(AndroidおよびクロスプラットフォームAndroid and cross-platform)
  • フロービルダー:4.0以降(すべてのプラットフォーム)

Adaptyを使うと、アプリユーザーをブラウザにリダイレクトして決済させるボタンを含むペイウォールやフローを作成できます。購入が完了してアプリに戻ると、サブスクリプションが有効になります。 これにより、ユーザーの支払いを追跡しながらストアの手数料を回避できます。

Webペイウォールのデモ

App Storeが外部決済オプションを許可しているのは、米国と日本のみです。

これらの市場専用のペイウォールを使用するには、現在のペイウォールを複製してWebペイウォールを設定してください。こうすることで、ほぼ同一のペイウォールが2つ使用できます:1つは米国と日本向け、もう1つはその他すべての国向けです。

仕組み

Webペイウォールは、アプリ内ペイウォールごとに生成される固有のURLです。決済のためにブラウザで開き、Stripe、Paddleなどさまざまな決済プロバイダーに対応しています。Apple Payボタンのみのシンプルなページから、追加オファーを含む複雑なフローまでサポートします。

Webペイウォールの概要

Webペイウォールは以下の流れで動作します:

  1. Webペイウォールエディターでウェブペイウォールページの見た目と動作を設定します。
  2. ペイウォール設定でWebペイウォールをリンクします。
  3. アプリのペイウォールに、ユーザーをブラウザへリダイレクトするボタンを追加します。
  4. ユーザーがボタンをタップすると、Adapty SDKが固有のURLを生成します。
  5. ユーザーがWebペイウォールページにアクセスし、外部決済手段を使ってサブスクリプションの支払いを行います。
  6. アプリに戻ると、Adapty SDKがプロファイルの更新をポーリングしてサブスクリプションの有効化を確認します。
  7. Adaptyが購入を記録し、更新やキャンセルなどのステータス変更についてサブスクリプションを監視します。

ステップ1:Webペイウォールを作成する

  1. 作業対象のペイウォールを用意します:
    • 既存のペイウォールに外部決済を追加する場合は、複製してください。これにより、ターゲットセグメントにはWebペイウォールを、それ以外のユーザーには元のペイウォールを表示できます。
    • ゼロから始める場合は、新しいペイウォールを作成してください。
  2. ペイウォールページで Web paywall タブに切り替え、Create web paywall をクリックします。新しいページに移動します。
ペイウォール設定のWebペイウォールタブ
  1. Webペイウォールを設定し、決済方法を接続します。

外部エディターの設定や決済プロバイダーの接続については、クイックスタートガイドを参照してください。

  1. Web paywall ページに戻り、ペイウォールリンクを貼り付けます。

ペイウォールを本番環境にリリースする際は、Webペイウォールを公開した後に生成される正しいリンクを使用してください。リンクの形式は paywalls-....fnlfx.com です。

  1. Save をクリックします。
Webペイウォールリンクの貼り付けと保存

ステップ2:ペイウォールをトリガーする

Webペイウォールを使用するにはトリガーの設定が必要で、方法はセットアップ内容によって異なります:

  • フロービルダーを使用している場合は、提供したリンクを使って購入を追跡しAdaptyにデータを送信する新しいボタンを追加するだけです。
  • SDKを使用している場合は、Webペイウォールを処理するためにopenWebPaywallメソッドを設定する必要があります。

ステップ2a:Web購入ボタンを追加する

フロービルダーを使用している場合は、Webペイウォールボタンを追加する必要があります。このボタンは、提供したリンクを使って購入を追跡し、データをAdaptyに送信します。

  1. フローを開き、ボタンを追加します。

    テンプレートや既存のペイウォールを使用している場合は、既存の購入ボタンと並べてWebペイウォールボタンを追加してください。同じ方法で設定できます。

  2. 右側の Interactions パネルで Add trigger をクリックし、このトリガーに Purchase アクションを割り当てます。

    on-tap-purchase.webp
  3. アクション設定で Web payment タブに切り替えます。そこで、Web購入ボタンに関連付けるプロダクトと(任意で)オファーを選択します。

  4. Web paywall URL フィールドにWebペイウォールリンクを貼り付けます。

  5. デフォルトでは、Webペイウォールはアプリ内ブラウザで開くため、ユーザーがアプリを離れる必要がありません。外部ブラウザで開きたい場合は、Open in external browser を選択してください。

web-payment-action.webp

ステップ2b:SDKメソッドを呼び出す

自分で開発したペイウォールを使用している場合は、SDKメソッドを使ってWebペイウォールを処理する必要があります。各フレームワークのガイドを参照してください:

ステップ3:プレースメントを設定する

App Storeは米国と日本のみで外部決済オプションを許可しているため、これらの市場のiOSユーザー向けに別のユーザーセグメントを作成し、異なるセグメントに異なるペイウォールをターゲットするプレースメントを設定します。Androidユーザーには地理的制限がないため、国フィルターなしで別のAndroidセグメントを作成してください。

  1. 以下の属性を持つ新しいセグメントを作成します:
    • Country from store account:United States、Japan
    • Platform:iOS and iPadOS
    • App version:Adapty SDKを使用している最新バージョン
Webペイウォールターゲティングのセグメント属性
  1. プレースメントを作成するか、既存のものを編集します。Webペイウォールと作成したセグメントで新しいオーディエンスを追加します。
Webペイウォールオーディエンスを含むプレースメント