事前設定

ブラウザエージェントを適用してデータを収集する前に、事前設定を行う必要があります。

コンテンツセキュリティポリシーの設定

既にコンテンツセキュリティポリシー（Content Security Policy、以下 CSP）が設定されている Web アプリケーションの場合、以下の項目を追加してください。

また、ブラウザエージェントが効率的にデータを送信できるようにするため、Web Worker に関連する CSP オプションを追加する必要があります。

ディレクティブ(directive)	ソース(source)	説明
script-src, script-src-elem	unsafe-inline	ブラウザエージェントをインラインスクリプトとしてインストール
script-src, script-src-elem	https://repo.whatap-browser-agent.io/rum/prod/	ブラウザエージェントCDNドメイン
connect-src	https://rum-ap-northeast-2.whatap-browser-agent.io	収集したデータを送信するためのドメイン
worker-src, child-src	blob:	ブラウザエージェントの効率的なデータ送信のウェブワーカー関連のCSPオプション(推奨事項)

CORS が適用されているサーバーでは、ほとんどのリソースタイミング属性が 0 として返されます。ブラウザエージェントがリソースの属性値を収集するためには、サーバーが Timing-Allow-Origin HTTP レスポンスヘッダーを返す必要があります。

設定方法

リソースを提供するサーバーを制御できる場合は、各レスポンスにヘッダーを追加し、属性へのアクセスを許可するすべてのドメイン（ブラウザエージェントを適用した Web サイトのドメイン）を指定してください。

例 1. すべてのソースでリソースタイミング情報を提供します。
```
Timing-Allow-Origin: *
```
例 2. ブラウザエージェントを適用したウェブアプリケーションのドメインのみ、リソースタイミング情報を提供します。
```
Timing-Allow-Origin: www.site.com
```