# Apple と Google のウォレットのレンダリングをテストする 実装したシステムを稼働中のデモシステムと比較し、レンダリング時に発生する可能性のある問題を特定します。 次のデモは、Apple Pay と Google Pay を設定したさまざまな Stripe 決済システムの例を示しています。デモを使用して、これらのウォレットがデモのシステムとご利用のシステムでどのように表示されるかを視覚的に比較してください。 - Apple Pay と Google Pay の決済オプションがデモと導入の両方で想定どおりに表示されている場合、正しく設定されています。 - 有効なウォレットがあるにもかかわらず、デモで決済方法のオプションとして表示されない場合は、Apple Pay と Google Pay が想定どおりに表示されるまで[デバイスとブラウザの設定を調整](https://docs.stripe.com/testing/wallets.md#device-requirements)します。 - デモではウォレットが表示されても、ご利用のシステムで表示されない場合は、[システムを確認](https://docs.stripe.com/testing/wallets.md#integration-requirements)してください。 # Payment Element > This is a Payment Element for when ui is payment-element. View the full page at https://docs.stripe.com/testing/wallets?ui=payment-element. この導入パスの場合、Stripe.js はデバイスの状態に基づいて次のウォレットを検出してサポートします。 ## デバイスとブラウザの設定を確認する デモで指定のウォレットが表示されない場合、ご利用のデバイスまたはブラウザが次の Apple Pay または Google Pay の条件を満たしていない可能性があります。 - ウォレットには少なくとも 1 枚のカードが必要です。 - 互換性のある[Apple Pay デバイス](https://support.apple.com/en-us/102896)および[Google Pay デバイス](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements)を使用する必要があります。 - ウォレットをテストする場合は、[サポートされているブラウザ](https://docs.stripe.com/stripe-js/elements/payment-request-button.md?client=html#testing)の[サポートバージョン](https://docs.stripe.com/js/appendix/supported_browsers)を利用する必要があります。 - 対象のブラウザがウォレットにアクセスすることを許可します。 - Chrome: **設定** > **自動入力とパスワード** > **決済方法** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Safari: **設定** > **詳細設定** > **ウェブサイトによる Apple Pay と Apple カードの確認の許可** - Chrome のシークレットモードや Safari のプライベートウィンドウでは利用しないでください。 - サポートされている[Apple Pay リージョン](https://support.apple.com/en-us/102775)および[Google Pay リージョン](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments)で操作していることを確認します。 - Stripe は、インドの IP アドレスやインドに拠点を置く Stripe アカウントでは Apple Pay や Google Pay を表示しません。 - Apple Pay の場合は、デバイスが[生体認証](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.)をサポートしていることを確認してください。 ## 導入を確認する デモの決済フォームに指定のウォレットの決済手段が表示されているのに、独自の導入には表示されていないような場合、次のステップで問題を解決できる可能性があります。 ### ドメインを登録する [Stripe ダッシュボード](https://dashboard.stripe.com/settings/payment_method_domains)でドメイン登録を確認します。本番環境や*サンドボックス*など、環境ごとに個別に[すべてのドメインとサブドメイン](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain)を登録する必要があります。 Connect を使用する場合は、正しく[ドメイン登録](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect)を行うために、資金フローの設定 (ダイレクト決済またはデスティネーション支払い) も考慮する必要があります。 ### (Apple Pay) iframe 使用時にすべてのドメインを登録する iframe を使用したシステムで Apple Pay を表示するには、以下の手順に従います。 1. Safari 17 より前のブラウザバージョンをサポートしている場合は、サイトの iframe ドメインとトップレベルドメインが一致していることを確認してください。 1. iframe に`allow="payment"`属性を設定します。 1. サイトの iframe ドメインとトップレベルドメインが異なる場合は、両方を登録します (Safari 17 以降でサポートされています)。 ### 導入でウォレットを有効にする - [決済方法の設定](https://dashboard.stripe.com/test/settings/payment_methods)でサポートされているウォレットを有効にして、[動的決済手段](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md)でウォレットが表示されることを確認します。 - ウォレットの決済方法を手動で指定するには、以下のタイミングで`payment_method_types= ['card']`を含めます。 - [決済 Intent の作成](https://docs.stripe.com/api/payment_intents/create.md#create_payment_intent-payment_method_types) - [Intent の作成前](https://docs.stripe.com/payments/accept-a-payment-deferred.md)にクライアントから [Elements を初期化](https://docs.stripe.com/js/elements_object/create_without_intent#stripe_elements_no_intent-options-paymentMethodTypes)し、決済詳細を徴収します。 # Express Checkout Element > This is a Express Checkout Element for when ui is express-checkout-element. View the full page at https://docs.stripe.com/testing/wallets?ui=express-checkout-element. この導入パスの場合、Stripe.js はデバイスの状態に基づいて次のウォレットを検出してサポートします。 ## デバイスとブラウザの設定を確認する デモで指定のウォレットが表示されない場合、ご利用のデバイスまたはブラウザが次の Apple Pay または Google Pay の条件を満たしていない可能性があります。 - ウォレットには少なくとも 1 枚のカードが必要です。 > Express Checkout Element でカードが検出されていないウォレットを表示することはできます。作成時にウォレットを `always` に設定した[paymentMethods](https://docs.stripe.com/js/elements_object/create_express_checkout_element)オブジェクトを渡します。 - 互換性のある[Apple Pay デバイス](https://support.apple.com/en-us/102896)および[Google Pay デバイス](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements)を使用する必要があります。 - ウォレットをテストする場合は、[サポートされているブラウザ](https://docs.stripe.com/elements/express-checkout-element.md#supported-browsers)の[サポートバージョン](https://docs.stripe.com/js/appendix/supported_browsers)を利用する必要があります。 - 対象のブラウザがウォレットにアクセスすることを許可します。 - Chrome: **設定** > **自動入力とパスワード** > **決済方法** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Safari: **設定** > **詳細設定** > **ウェブサイトによる Apple Pay と Apple カードの確認の許可** - Opera: **設定** > **詳細設定** > **決済方法** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Edge: **設定** > **プライバシー、検索、サービス** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Chrome のシークレットモードや、Safari、Edge、Opera のプライベートウィンドウでは利用しないでください。 - サポートされている[Apple Pay リージョン](https://support.apple.com/en-us/102775)および[Google Pay リージョン](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments)で操作していることを確認します。 - Stripe では、インドの IP アドレスでは Apple Pay または Google Pay は表示されません。 - Apple Pay の場合は、デバイスが[生体認証](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.)をサポートしていることを確認してください。 ## 導入を確認する デモの決済フォームに指定のウォレットの決済手段が表示されているのに、独自の導入には表示されていないような場合、次のステップで問題を解決できる可能性があります。 ### ドメインを登録する [Stripe ダッシュボード](https://dashboard.stripe.com/settings/payment_method_domains)でドメイン登録を確認します。本番環境とサンドボックスなど、環境ごとに個別に[すべてのドメインとサブドメイン](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain)を登録する必要があります。 Connect を使用する場合は、正しく[ドメイン登録](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect)を行うために、資金フローの設定 (ダイレクト決済またはデスティネーション支払い) も考慮する必要があります。 ### (Apple Pay) iframe 使用時にすべてのドメインを登録する iframe を使用したシステムで Apple Pay を表示するには、以下の手順に従います。 1. Safari 17 より前のブラウザバージョンをサポートしている場合は、サイトの iframe ドメインとトップレベルドメインが一致していることを確認してください。 1. iframe に`allow="payment"`属性を設定します。 1. サイトの iframe ドメインとトップレベルドメインが異なる場合は、両方を登録します (Safari 17 以降でサポートされています)。 ### 導入でウォレットを有効にする - [決済方法の設定](https://dashboard.stripe.com/test/settings/payment_methods)でサポートされているウォレットを有効にして、[動的決済手段](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md)でウォレットが表示されることを確認します。 - ウォレットの決済方法を手動で指定するには、以下のタイミングで`payment_method_types= ['card']`を含めます。 - [決済 Intent の作成](https://docs.stripe.com/api/payment_intents/create.md#create_payment_intent-payment_method_types) - [Intent の作成前](https://docs.stripe.com/payments/accept-a-payment-deferred.md)にクライアントから [Elements を初期化](https://docs.stripe.com/js/elements_object/create_without_intent#stripe_elements_no_intent-options-paymentMethodTypes)し、決済詳細を徴収します。 # Checkout Sessions > This is a Checkout Sessions for when ui is embedded-form. View the full page at https://docs.stripe.com/testing/wallets?ui=embedded-form. この導入パスの場合、Stripe.js はデバイスの状態に基づいて次のウォレットを検出してサポートします。 ## デバイスとブラウザの設定を確認する デモで指定のウォレットが表示されない場合、ご利用のデバイスまたはブラウザが次の Apple Pay または Google Pay の条件を満たしていない可能性があります。 - ウォレットには少なくとも 1 枚のカードが必要です。 - 互換性のある[Apple Pay デバイス](https://support.apple.com/en-us/102896)および[Google Pay デバイス](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements)を使用する必要があります。 - ウォレットをテストする場合は、[サポートされているブラウザ](https://docs.stripe.com/elements/express-checkout-element.md#supported-browsers)の[サポートバージョン](https://docs.stripe.com/js/appendix/supported_browsers)を利用する必要があります。 - 対象のブラウザがウォレットにアクセスすることを許可します。 - Chrome: **設定** > **自動入力とパスワード** > **決済方法** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Safari: **設定** > **詳細設定** > **ウェブサイトによる Apple Pay と Apple カードの確認の許可** - Opera: **設定** > **詳細設定** > **決済方法** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Edge: **設定** > **プライバシー、検索、サービス** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Chrome のシークレットモードや、Safari、Edge、Opera のプライベートウィンドウでは利用しないでください。 - サポートされている[Apple Pay リージョン](https://support.apple.com/en-us/102775)および[Google Pay リージョン](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments)で操作していることを確認します。 - Stripe では、インドの IP アドレスでは Apple Pay または Google Pay は表示されません。 - Apple Pay の場合は、デバイスが[生体認証](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.)をサポートしていることを確認してください。 ## 導入を確認する デモの決済フォームに指定のウォレットの決済手段が表示されているのに、独自の導入には表示されていないような場合、次のステップで問題を解決できる可能性があります。 ### (組み込み型 Checkout) ドメインの登録 [Stripe ダッシュボード](https://dashboard.stripe.com/settings/payment_method_domains)でドメイン登録を確認します。本番環境とサンドボックスなど、環境ごとに個別に[すべてのドメインとサブドメイン](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain)を登録する必要があります。 Connect を使用する場合は、正しく[ドメイン登録](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect)を行うために、資金フローの設定 (ダイレクト決済またはデスティネーション決済) も考慮する必要があります。 ### 導入でウォレットを有効にする - [決済方法の設定](https://dashboard.stripe.com/test/settings/payment_methods)でサポートされているウォレットを有効にして、[動的決済手段](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md)でウォレットが表示されることを確認します。 - ウォレット決済手段を手動で指定するには、[Checkout セッションの作成](https://docs.stripe.com/api/checkout/session/create.md#create_checkout_session-payment_method_types)時に `payment_method_types= ['card']` を含めます。 ### ウォレットがカルーセルに表示される場合 以下の場合、Checkout Sessions では、Apple Pay と Google Pay はボタンではなく、決済方法のカルーセル内に表示されます。 - [consent_collection.terms_of_service](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-consent_collection-terms_of_service) を`required`に設定しました。 - [custom_fields](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-custom_fields) を使用しています。 - [tax_id_collection.required](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-tax_id_collection-required) を `if_supported` に設定しました。 - 顧客の IP アドレスがフィンランドまたはスウェーデンにあり、カード以外の決済手段も利用可能です。 ### 制限事項 - [Stripe Tax](https://docs.stripe.com/tax.md)を使用する Checkout Sessions では、[shipping_address_collection](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-shipping_address_collection)を有効にしている場合にのみ Google Pay が表示されます。 - (組み込み型 Checkout) Apple Pay では、異なるドメインの iframe を組み込み型決済で使用するため、Safari 17 以降が必要です。 # Payment Request Button > This is a Payment Request Button for when ui is payment-request-button-element. View the full page at https://docs.stripe.com/testing/wallets?ui=payment-request-button-element. この導入パスの場合、Stripe.js はデバイスの状態に基づいて次のウォレットを検出してサポートします。 ## デバイスとブラウザの設定を確認する デモで指定のウォレットが表示されない場合、ご利用のデバイスまたはブラウザが次の Apple Pay または Google Pay の条件を満たしていない可能性があります。 - ウォレットには少なくとも 1 枚のカードが必要です。 - (Google Pay) Link からログアウトします。デモで **Link で支払う**と表示される場合は、Link アカウントが Google Pay よりも優先されます。ログアウトする場合は、以下の手順を実行します。 1. デモで **リンクで支払う**をクリックします。 1. ポップアップで、ウィンドウの右上にあるオーバーフローメニュー (⋯) をクリックします。 1. **ログアウト**をクリックし、確認画面から**ログアウト**します。 1. ポップアップが閉じたら、デモに Google Pay が表示されていることを確認してください。 - 互換性のある[Apple Pay デバイス](https://support.apple.com/en-us/102896)および[Google Pay デバイス](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements)を使用する必要があります。 - ウォレットをテストする場合は、[サポートされているブラウザ](https://docs.stripe.com/stripe-js/elements/payment-request-button.md?client=html#testing)の[サポートバージョン](https://docs.stripe.com/js/appendix/supported_browsers)を利用する必要があります。 - 対象のブラウザがウォレットにアクセスすることを許可します。 - Chrome: **設定** > **自動入力とパスワード** > **決済方法** > **ウェブサイトによる保存済みの決済方法の確認の許可** - Safari: **設定** > **詳細設定** > **ウェブサイトによる Apple Pay と Apple カードの確認の許可** - Chrome のシークレットモードや Safari のプライベートウィンドウでは利用しないでください。 - サポートされている[Apple Pay リージョン](https://support.apple.com/en-us/102775)および[Google Pay リージョン](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments)で操作していることを確認します。 - Stripe では、インドの IP アドレスでは Apple Pay または Google Pay は表示されません。 - Apple Pay の場合は、デバイスが[生体認証](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.)をサポートしていることを確認してください。 ## 導入を確認する デモの決済フォームに指定のウォレットの決済手段が表示されているのに、独自の導入には表示されていないような場合、次のステップで問題を解決できる可能性があります。 ### ドメインを登録する [Stripe ダッシュボード](https://dashboard.stripe.com/settings/payment_method_domains)でドメイン登録を確認します。本番環境とサンドボックスなど、環境ごとに個別に[すべてのドメインとサブドメイン](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain)を登録する必要があります。 Connect を使用する場合は、正しく[ドメイン登録](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect)を行うために、資金フローの設定 (ダイレクト決済またはデスティネーション支払い) も考慮する必要があります。 ### (Apple Pay) iframe 使用時にすべてのドメインを登録する iframe を使用したシステムで Apple Pay を表示するには、以下の手順に従います。 1. Safari 17 より前のブラウザバージョンをサポートしている場合は、サイトの iframe ドメインとトップレベルドメインが一致していることを確認してください。 1. iframe に`allow="payment"`属性を設定します。 1. サイトの iframe ドメインとトップレベルドメインが異なる場合は、両方を登録します (Safari 17 以降でサポートされています)。