ノーコード決済の支払いリンクおよびボタンに関するトラブルシューティングのヒント
エラーが発生し、ウェブサイトにボタンが表示されません。
以下の点をご確認ください。
- インターネット接続が機能していることをご確認ください。
- ウェブサイトのほかのページにアクセスして、問題なく読み込めることをご確認ください。
- PayPalボタンのページに移動して以下をご確認ください。
- ボタンは[保存済みのボタン]に表示されていますか?
- [編集ボタン]を選択し、ボタンコードがウェブサイトのものと同じであることをご確認ください。
商品ページ(ボタンコードを貼り付けた場所)を右クリックし、[検査]をクリックしてください。上部に表示された[コンソール]タブに移動すると、CSPエラーを確認できます。
コンテンツセキュリティポリシーを導入している場合は、以下のようなCSPエラーが表示されることがあります(CSPエラーの例)。
スクリプト'https://www.paypal.com/sdk/js**'は、コンテンツセキュリティポリシーのディレクティブ"default-src 'self'"に違反しているため、読み込みが拒否されました。'script-src-elem'は明示的に設定されていないため、'default-src'がフォールバックとして使用されることをご留意ください。
コンテンツセキュリティポリシーのディレクティブ"default-src 'self'"に違反しているため、'https://www.paypal.com/**'への接続が拒否されました。'connect-src'は明示的に設定されていないため、'default-src'がフォールバックとして使用されることをご留意ください。
コンテンツセキュリティポリシーディレクティブ "script-src https://*.paypal.com"に違反しているため、インラインスクリプトの実行が拒否されました。インラインの実行を有効にするには、'unsafe-inline'のキーワード、ハッシュ('sha256-WYDWDPwB8j2VePYrqy38aHPcJLsasO//lnXymmxscUk=')、またはノンス('nonce-...') のいずれかが必要です。
コンテンツセキュリティポリシーのディレクティブ"default-src 'self'"に違反しているため、画像'https://tracking.qa.paypal.com/webapps/tracking/ts?**'の読み込みが拒否されました。'img-src'は明示的に設定されていないため、'default-src'がフォールバックとして使用されることをご留意ください。
コンテンツセキュリティポリシーのディレクティブ"default-src 'self'"に違反しているため、'https://www.paypal.com/'のフレーム化が拒否されました。'frame-src'は明示的に設定されていないため、'default-src'がフォールバックとして使用されることをご留意ください。
上記のエラーを解決するには、以下の追加をお試しください。
オプション-1 (HTML): CSPがHTMLファイルで構成されている場合は、以下のコードを使用してCSPコードを置き換えます
<meta http-equiv="Content-Security-Policy" content="default-src 'self';
script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com;
style-src 'unsafe-inline' https://*.paypal.com; connect-src
https://*.paypal.com; frame-src https://*.paypal.com; img-src
https://*.paypal.com https://*.paypalobjects.com">
オプション-2 (サーバーサイド): CSPがサーバーサイドで構成されている場合は、以下のコードを使用してCSPコードを置き換えます
Content-Security-Policy: script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com
Content-Security-Policy: style-src 'unsafe-inline' https://*.paypal.com
Content-Security-Policy: connect-src https://*.paypal.com
Content-Security-Policy: frame-src https://*.paypal.com
Content-Security-Policy: img-src https://*.paypal.com https://*.paypalobjects.com
商品名/価格/数量のレイアウト/サイズ/色を変更する方法を教えてください。
現在、この実装についてレイアウト/サイズ/色を変更することはできません。
商品情報(商品名、金額など)を編集しました。
もう一度ボタンコードをコピーして貼り付ける必要はありますか?
いいえ。弊社はすべての情報をPayPalサーバーから取得します。お客さまがアカウントの変更を保存した後は、ウェブサイトにコピー&ペーストされたボタンコードを更新する必要はありません。
コードにクライアントIDが表示されています。これは何を意味するのですか?
クライアントIDとは、お客さまのアカウントに含まれる売り手のクライアントIDです。編集は行わずに、ボタンコードに記載されているとおりに使用してください。
複数のボタンを追加しましたが、ウェブページに表示されません。
同じウェブページ上の複数のボタンは、以下の場合は機能しません。
- 同じウェブページに同じボタンIDを複数回コピー&ペーストした場合は、最初のボタンのみが表示されます。同じボタンIDを複数回繰り返して使用することはできません。
- 同じウェブページで、異なるボタンIDをほかの通貨でコピー&ペーストした場合は、最初のボタンのみが表示されます。同じウェブページのボタンに外貨を追加することはできません。
- 異なるボタンIDをコピー&ペーストして動作が遅くなった場合は、クライアントIDのスクリプトタグが一度だけ追加されていることをご確認ください。スクリプト行は以下のようになります。
- <script src="https://www.paypal.com/sdk/js?client-id=XYZ&components=hosted-buttons&enable-funding=venmo¤cy=XYZ"></script>
PayPalプレミアアカウントを持っていますが、支払いリンクとボタン
機能が表示されません。
この機能はPayPalビジネスアカウントでのみご利用いただけます。この機能をご利用になるには、アカウントをアップグレードするかビジネスアカウントを作成してください。
このエクスペリエンスをPayPal Sandboxでテストするにはどうすればよいですか?
ノーコード決済はSandboxでテストできます。
ウェブサイトに支払いリンクを配置する方法を教えてください。
ウェブサイトのボタンの背後に支払いリンクを配置することができます。ご自身の支払いリンクに置き換えてご利用ください。
サンプルコードは以下のとおりです。
<body> <h1>商品・サービスへのお支払いはこちら</h1> <button class="btn" onclick="location.href='https://www.paypal.com/ncp/payment/HWDFRBTBV25XX'" type="button"> チェックアウト</button> </body>
クレジット/デビットのインライン展開が私の
ウェブサイトで完全な状態で表示されません。
親コンテナの幅と高さがインライン展開に対応するように設定されていることをご確認ください。詳細については、ホスティングプラットフォームのドキュメント/サポートをご参照ください。