コンテンツにスキップ

CSPの設定

ECサイトにContent Security Policy(CSP)を設定している場合、AnyGiftタグと決済画面を正しく動作させるため、以下のドメインを許可してください。

設定方法

ECサイトのCSP設定に、以下のディレクティブと許可先を追加します。すでに同じディレクティブを設定している場合は、既存の許可先を残したまま追加してください。

script-src

AnyGiftタグ、Stripe、Amazon Payのスクリプトを読み込むために必要です。

https://d1ioo46r7yo3cy.cloudfront.net https://js.stripe.com https://static-fe.payments-amazon.com

connect-src

AnyGiftのAPI、AWSサービス、エラー監視、Stripe、Amazon Payへ接続するために必要です。

https://api.anygift.jp https://q2g7sv46jzbxljwitblgzewfzm.appsync-api.ap-northeast-1.amazonaws.com https://anygift-pro-assetsdistributionbucket.s3.ap-northeast-1.amazonaws.com https://cognito-identity.ap-northeast-1.amazonaws.com https://pinpoint-targeting.ap-northeast-1.amazonaws.com https://o1136612.ingest.sentry.io https://api.stripe.com https://hooks.stripe.com https://*.stripe.com https://*.stripe.network https://*.payments-amazon.com

frame-src

StripeおよびAmazon Payの決済画面を表示するために必要です。

https://js.stripe.com https://hooks.stripe.com https://*.stripe.com https://*.payments-amazon.com

img-src

AnyGift、Stripe、Amazon Payの画像を表示するために必要です。

https://d25rwisachr1q4.cloudfront.net https://*.stripe.com https://*.payments-amazon.com https://d3deg2czx659r9.cloudfront.net

style-src

AnyGiftのスタイルとインラインスタイルを利用するために必要です。

https://d25rwisachr1q4.cloudfront.net 'unsafe-inline'

font-src

WebフォントとデータURI形式のフォントを利用するために必要です。

https: data:

設定例

レスポンスヘッダーでCSPを設定する場合は、以下のように記述します。default-srcなど、すでに設定しているディレクティブは環境に合わせて残してください。

Content-Security-Policy: script-src https://d1ioo46r7yo3cy.cloudfront.net https://js.stripe.com https://static-fe.payments-amazon.com; connect-src https://api.anygift.jp https://q2g7sv46jzbxljwitblgzewfzm.appsync-api.ap-northeast-1.amazonaws.com https://anygift-pro-assetsdistributionbucket.s3.ap-northeast-1.amazonaws.com https://cognito-identity.ap-northeast-1.amazonaws.com https://pinpoint-targeting.ap-northeast-1.amazonaws.com https://o1136612.ingest.sentry.io https://api.stripe.com https://hooks.stripe.com https://*.stripe.com https://*.stripe.network https://*.payments-amazon.com; frame-src https://js.stripe.com https://hooks.stripe.com https://*.stripe.com https://*.payments-amazon.com; img-src https://d25rwisachr1q4.cloudfront.net https://*.stripe.com https://*.payments-amazon.com https://d3deg2czx659r9.cloudfront.net; style-src https://d25rwisachr1q4.cloudfront.net 'unsafe-inline'; font-src https: data:

設定後の確認

  1. ECサイトの商品ページを開き、eギフトボタンが表示されることを確認します。
  2. ブラウザの開発者ツールで、CSP違反エラーが表示されていないことを確認します。
  3. eギフト購入画面を開き、決済画面の表示と決済操作を確認します。
  4. PCとスマートフォンの両方で確認します。

CSP違反エラーが表示される場合は、エラーに記載されたドメインが該当するディレクティブに追加されているか確認してください。解決しない場合は、利用中のECカート名とエラー内容を添えてAnyGiftサポートへお問い合わせください。

注意

CSPの設定変更後は、ブラウザキャッシュやCDNキャッシュの影響で反映に時間がかかる場合があります。設定変更後にキャッシュを削除して再確認してください。

関連ガイド

更新履歴

日付 内容
2026-09-14 初版作成