Webペイウォール

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

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

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

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

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

仕組み

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

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

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

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

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

Webペイウォールを設定し、決済方法を接続します。

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

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

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

Save をクリックします。

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

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

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

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

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

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

テンプレートや既存のペイウォールを使用している場合は、既存の購入ボタンと並べてWebペイウォールボタンを追加してください。同じ方法で設定できます。
右側の Interactions パネルで Add trigger をクリックし、このトリガーに Purchase アクションを割り当てます。
アクション設定で Web payment タブに切り替えます。そこで、Web購入ボタンに関連付けるプロダクトと（任意で）オファーを選択します。
Web paywall URL フィールドにWebペイウォールリンクを貼り付けます。
デフォルトでは、Webペイウォールはアプリ内ブラウザで開くため、ユーザーがアプリを離れる必要がありません。外部ブラウザで開きたい場合は、Open in external browser を選択してください。

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

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

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

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

以下の属性を持つ新しいセグメントを作成します：
- Country from store account：United States、Japan
- Platform：iOS and iPadOS
- App version：Adapty SDKを使用している最新バージョン

プレースメントを作成するか、既存のものを編集します。Webペイウォールと作成したセグメントで新しいオーディエンスを追加します。