ワンクリック決済

どのように動作するか

対応デバイスをご利用のユーザーは、ワンクリック決済で、Apple PayやGoogle Payなどの安全でお馴染みのネイティブ決済方法で支払うことができます。これらの決済システムは、不正な取引を防ぐために追加のセキュリティメカニズムを採用しています。迅速かつシームレスな支払いプロセスを確保するために、追加構成が必要な場合があります。

ワンクリックで支払う場合のユーザーフロー：

1. ユーザーは決済UIに移動して購入を行います。
2. ユーザーがネイティブな決済方法のいずれかで支払うためにボタンをクリックします。
3. ユーザーは電子ウォレットにリダイレクトされ、決済用のカードを選択します。
4. ユーザーはデバイス上の生体認証で認証手続きを通過します。
5. ユーザーは、成功した支払いステータスを表示する決済UIに戻ります。

Apple Pay

決済UIにApple Pay経由のワンクリック決済のオプションを追加するには：

1. このオプションを有効にするリクエストを作成します。これを行うには：

   a. パブリッシャーアカウントを開き、サポートハブセクションに移動します。

   b. 「リクエストを送信する」をクリックします。

   

   c. 開いたウィンドウで、フィールドに入力します：

   • 概要。例えば、ワンクリック決済設定。
   • 説明。決済UIを開くために使用するドメインを指定します。例:amazing.store.com。ワンクリック決済でApple Payを利用するか、Google PayとApple Payの両方を利用するかを選択してください。
   • プロジェクトID。ドロップダウンリストからプロジェクトIDを選択します。複数のプロジェクトに対してワンクリック決済オプションを設定したい場合は、「説明」フィールドでそれらのIDを指定してください。

   d. 「送信する」をクリックします。

2. ドメイン関連付けファイルを待ちます。このステップはエクソーラによって実行されます：
   1. エクソーラはAppleでドメインを登録します。
   2. エクソーラはAppleからドメイン関連ファイルを受け取ります。
   3. エクソーラはドメイン関連ファイルを電子メールで送信し、それをアップロードする場所に関する指示を提供します。
3. 決済UIの開き方に応じて、下表に記載されている追加構成を完了します。
4. エクソーラのメールに返信し、ドメイン関連ファイルが指定された場所にアップロードされていることを確認します。
5. Appleでドメインの認証が成功したことについて、エクソーラからの確認をお待ちください。

決済UIを開くための追加構成

<iframe src="https://secure.xsolla.com/paystation4/?token=token_body&parent_domain=amazing.store.com" allow="payment""></iframe>

Pay Station Embedスクリプトを使用して決済UIを開く例：

<script>
        const options = {
            access_token: 'PAYMENT_TOKEN',
            lightbox: {
                width: '800px',
                height: '700px',
            },
            queryParams: {
                parent_domain: 'amazing.store.com'
            }
        };
        const s = document.createElement('script');
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://cdn.xsolla.net/payments-bucket-prod/embed/1.5.0/widget.min.js";
        s.addEventListener('load', function (e) {
            XPayStationWidget.init(options);
        }, false);

        const head = document.getElementsByTagName('head')[0];
        head.appendChild(s);
</script>

制限：

• トークンリクエストでsettings.ui.is_independent_windowsパラメータを渡して外部ブラウザの新しいタブで決済UIを開くと、Apple Payによるワンクリック決済を有効にすることはできません。ただし、このパラメータが渡されるかどうかに関係なく、新しいタブで開くことでApple Payによる支払いを受け入れることができます。
• SDKを使用する場合は、最新バージョンを使用してください。
• Pay Station Embedスクリプトを使用する場合は、バージョン1.5.0以降である必要があります。

Google Pay

決済UIにGoogle Pay経由のワンクリック決済のオプションを追加するには：

1. 決済UIの開き方に応じて、追加の構成を完了します：

<iframe src="https://secure.xsolla.com/paystation4/?token=token_body" allow="payment""></iframe>

2. このオプションを有効にするリクエストを作成します。これを行うには：

   a. パブリッシャーアカウントを開き、サポートハブセクションに移動します。

   b. 「リクエストを送信する」をクリックします。

   

   c. 開いたウィンドウで、フィールドに入力します：

   • 概要。例えば、ワンクリック決済設定。
   • 説明。決済UIの開き方を選び、ワンクリック決済でGoogle Payを利用するか、Google PayとApple Payの両方を利用するかを選択してください。
   • プロジェクトID。ドロップダウンリストからプロジェクトIDを選択します。複数のプロジェクトに対してワンクリック決済オプションを設定したい場合は、「説明」フィールドでそれらのIDを指定してください。

   d. 「送信する」をクリックします。

3. プロジェクトのワンクリック決済オプションの有効化が成功したかどうか、エクソーラからの確認をお待ちください。

制限：

• トークンリクエストでsettings.ui.is_independent_windowsパラメータを渡して外部ブラウザの新しいタブで決済UIを開くと、Google Payによるワンクリック決済を有効にすることはできません。ただし、このパラメータが渡されるかどうかに関係なく、新しいタブで開くことでGoogle Payによる支払いを受け入れることができます。
• Pay Station Embedスクリプトを使用する場合は、バージョン1.5.0以降である必要があります。
• ゲームエンジンはポップアップウィンドウをサポートしていません。そのため、Xsolla SDK for Unity（WebGLビルドを除く）およびUnreal Engineを使用する場合、Google Payのワンクリック決済は利用できません。
• ブラジルの法律により、Google Pay決済時にユーザーは納税者番号（CPF）を自身で入力する必要があります。そのため、ブラジルではGoogle Payのワンクリック決済が利用できません。
• UnityでのWebGLビルドの場合、最新のSDKバージョンを使用していることを確認してください。