概要

Real User Monitoring により、iOS と tvOS のハイブリッドアプリケーションの Web ビューを監視し、死角をなくすことができます。

以下を実行できます。

  • モバイルアプリケーションの Web とネイティブコンポーネントにまたがるユーザージャーニーの追跡
  • モバイルアプリケーションの Web ページやネイティブコンポーネントへのレイテンシーの根本原因を特定する
  • モバイルデバイスで Web ページの読み込みが困難なユーザーへの対応

セットアップ

前提条件

モバイル iOS および tvOS アプリケーションでレンダリングしたい Web ページを、まず RUM Browser SDK で設定します。詳しくは、RUM ブラウザモニタリングをご覧ください。

DatadogWebViewTracking を依存関係として宣言します。

クラッシュレポートを有効にするには、RUM と (または) Logs も有効にしてください。その後、依存関係マネージャーに従ってパッケージを追加し、初期化スニペットを更新します。

CocoaPods を使用して、dd-sdk-ios をインストールできます。

pod 'DatadogWebViewTracking'

Apple の Swift Package Manager を使用して統合するには、Package.swift に以下を依存関係として追加します。

.package(url: "https://github.com/Datadog/dd-sdk-ios.git", .upToNextMajor(from: "2.0.0"))

プロジェクトで、以下のライブラリをリンクします。

DatadogCore
DatadogWebViewTracking

Carthage を使用して、dd-sdk-ios をインストールできます。

github "DataDog/dd-sdk-ios"

Xcode で、以下のフレームワークをリンクします。

DatadogWebViewTracking.xcframework

Web ビューをインスツルメントする

RUM iOS SDK は、Web ビュー追跡を制御するための API を提供します。Web ビュー追跡を有効にするには、WKWebView インスタンスを提供します。

import WebKit
import DatadogWebViewTracking

let webView = WKWebView(...)
WebViewTracking.enable(webView: webView, hosts: ["example.com"])

Web ビュー追跡を無効にする場合

WebViewTracking.disable(webView: webView)

Web ビューにアクセスする

Web ビューは、関連する servicesource 属性を持つイベントとビューとして、RUM エクスプローラーに表示されます。service 属性は Web ビューが生成された Web コンポーネントを示し、source 属性は iOS などのモバイルアプリケーションのプラットフォームを表します。

iOS や tvOS のアプリケーションでフィルタリングし、セッションをクリックします。セッションのイベント一覧が表示されたサイドパネルが表示されます。

RUM エクスプローラーのセッションで取得した Web ビューイベント

Open View waterfall をクリックすると、セッションからビューの Performance タブにあるリソースウォーターフォールの視覚化へ移動します。

その他の参考資料