CSPの設定の有無
ご確認事項
WebサイトでのCSP（Content-Security-Policy）の設定の有無をご確認ください。
💡 CSPとはWebブラウザが読み込むリソースを制御するセキュリティの設定です。設定内容によっては、Repro Boosterのリソースがブロックされ、正常に動作しない可能性があります。
ご対応事項
WebサイトにCSPの設定がある場合は、以下を追加してください。
- worker-src
- ‘self’
- script-src
- ‘self’
- ‘unsafe-inline’
- ‘unsafe-eval’
- https://*.reproio.com
- https://*.repro-booster.com
- https://*.googletagmanager.com
- https://api.rollbar.com/api/
- https://cdn.rollbar.com/rollbarjs/
- style-src
- ‘unsafe-inline’
- img-src
- https://*.reproio.com
- https://*.repro-booster.com
- https://*.google-analytics.com
- https://*.googletagmanager.com
- data:
- media-src
- https://*.repro-booster.com
- connect-src
- 「Image Optimizer設定」において「画像配信サーバーのドメイン」として設定したすべてのパターンを許可するよう設定してください
- https://*.reproio.com
- https://*.repro-booster.com
- https://*.google-analytics.com
- https://*.analytics.google.com
- https://*.googletagmanager.com
- https://api.rollbar.com/api/
💡 media-srcは、Video Optimizer機能で変換した動画を読み込むために必要です。media-srcまたはdefault-srcで動画の読み込み先を制限している場合に追加してください。許可されていない場合は変換後の動画を読み込めず、元の動画が再生されるか、動画を再生できなくなることがあります。media-srcを新たに設ける場合は、default-srcで許可している読み込み先もmedia-srcに含めてください。含めないと、それまで再生できていた動画を読み込めなくなることがあります。
⚠️ CSPについて正しく理解している方のみが設定を行ってください。 現在、フォールバックディレクティブ（default-src など）をご使用されている場合は、上記の内容と適切にマージしてください。