- 重要な情報
- はじめに
- 用語集
- ガイド
- エージェント
- インテグレーション
- OpenTelemetry
- 開発者
- API
- CoScreen
- アプリ内
- Service Management
- インフラストラクチャー
- アプリケーションパフォーマンス
- 継続的インテグレーション
- ログ管理
- セキュリティ
- UX モニタリング
- 管理
Datadog セッションリプレイで予期しない動作が発生した場合に問題は、このページを使うと解決に役立ちます。問題が解決しない場合は、Datadog サポートにお問い合わせください。各リリースには改善と修正が含まれているため、RUM Browser SDK は定期的に最新バージョンに更新してください。
セッションリプレイは、次の HTML 要素をサポートしていません: iframe
、video
、audio
、canvas
。
セッションリプレイでは、HTTPS 接続を使用する必要があります。安全な接続を使用していない場合、リソースがタイムアウトし、画像や一部のページ要素が表示されなくなります。
セッションリプレイはビデオではなく、DOM のスナップショットに基づいて再構築された実際の iframe です。したがって、リプレイはページのさまざまなアセット (フォントと画像) に依存します。
以下の理由により、リプレイ時にアセットを利用できない場合があります。
session-replay-datadoghq.com
サンドボックスドメインでレンダリングされ、アセットリクエストはブラウザによるクロスオリジンセキュリティチェックの対象となります。指定されたアセットがドメインに対して許可されていない場合、ブラウザはリクエストをブロックします。Access-Control-Allow-Origin
ヘッダーを通して session-replay-datadoghq.com
を許可し、これらのリソースが再生時にアクセスできることを確認します。詳しくは、Cross Origin Resource Sharing をご覧ください。フォントや画像とは異なり、レコーダーは CSSStyleSheet インターフェイスを利用して、記録データの一部として適用されるさまざまな CSS ルールをバンドルしようとします。これが不可能な場合は、CSS ファイルへのリンクの記録にフォールバックします。
マウスホバーを適切にサポートするには、CSSStyleSheet インターフェイスから CSS ルールにアクセスできる必要があります。
スタイルシートがウェブページとは異なるドメインでホストされている場合、CSS ルールへのアクセスはブラウザによるクロスオリジンセキュリティチェックの対象となり、ブラウザはクロスオリジン属性を使用して CORS を利用してスタイルシートをロードするように指示される必要があります。
たとえば、アプリケーションが example.com
ドメインにあり、リンク要素を介して assets.example.com
の CSS ファイルに依存している場合、資格情報が必要な場合を除き、crossorigin
属性を anonymous
に設定する必要があります。
<link rel="stylesheet" crossorigin="anonymous"
href="https://assets.example.com/style.css">
さらに、assets.example.com
の example.com
ドメインを承認します。これにより、Access-Control-Allow-Origin
ヘッダーを設定することにより、アセットファイルがリソースをロードできるようになります。
お役に立つドキュメント、リンクや記事: