IMQA GUIDE
설치∙사용 가이드자주 묻는 질문개발자 포럼릴리즈 노트
JPN
JPN
  • Getting Started
    • お知らせ
    • 対応環境
  • Installation
    • Android
      • MPM SDKインストール
      • MPM SDK設定
      • Crash SDKインストール
      • Crash SDK設定
    • iOS
      • MPM SDKインストール
      • MPM SDK設定
      • Crash SDKインストール
      • Crash SDK設定
    • React Native
      • Android
      • iOS
      • React Native Libraryの設定
    • Cordova
      • Android
      • iOS
    • Morpheus
      • Android
      • iOS
    • W Hybrid
    • Web (WPM/WCrash)
      • [共通] WebAgentのインストール
      • [共通] WebAgent設定
      • [共通] ブラウザ互換性
  • User Guide
    • MPM ユーザガイド
      • プロジェクトリスト
      • 性能情報
      • A/Bのダッシュボード
      • 画面性能分析
      • 性能詳細分析
      • 行動分析
      • 地域分析
      • 統計
      • レポート
      • 通知
      • 管理
    • Crash ユーザガイド
      • プロジェクトリスト
      • ダッシュボード
      • エラー詳細
      • エラー検索
      • 統計
      • 設定
    • WPM ユーザガイド
    • WCrash ユーザガイド
Powered by GitBook
On this page
  • 1. WPM単独使用 (WebAgentインストール)
  • CDNサーバから受信
  • ローカルインストール
  • 2. WPM / MPM 統合使用 (WebAgent+WebviewAgentインストール)
  • CDNサーバから受信
  • ローカルインストール
  1. Installation
  2. Web (WPM/WCrash)

[共通] WebAgentのインストール

PreviousWeb (WPM/WCrash)Next[共通] WebAgent設定

Last updated 1 year ago

この文書は、Browser環境でのIMQA Web Agentを適用する方法を提供します。

IMQA Web Agentは2つの方法でインストール方法を提供しています。 CDNサーバーに接続したり、設置型またはCDNでリクエストできない場合は、該当スクリプトをダウンロードして使用できます。 以下のリンクを通して右クリックし、"名前を付けて保存"をクリックして接続してください。

1. WPM単独使用 (WebAgentインストール)

WPMサービスのみを利用し、Webブラウザアプリケーション構成でのウェブ性能分析のためのAgentインストール方法です。

CDNサーバから受信

IMQA Web Agentはスクリプトをhtmlの内部の最上段に挿入してください。

Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="https://cdn.imqa.io/agent/web-agent-1.1.11.js"></script>

// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
    w[c] = w[c] || {};
    function imqaConf(key, value){w[c][key]=value};

    imqaConf("imqaAgentUse", true);
    imqaConf("projectKey", "PROJECT_KEY");

    w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>

ローカルインストール

Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="user path/web-agent-1.1.11.js"></script>

// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
    w[c] = w[c] || {};
    function imqaConf(key, value){w[c][key]=value};

    imqaConf("imqaAgentUse", true);
    imqaConf("projectKey", "PROJECT_KEY");

    w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>

2. WPM / MPM 統合使用 (WebAgent+WebviewAgentインストール)

WPMとMPMサービスを利用し、モバイルとWebブラウザアプリケーション構成でのWebView/Web性能分析のためのAgentインストール方法です

CDNサーバから受信

IMQA Web Agentはスクリプトをhtmlの内部の最上段に挿入してください。

Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="https://cdn.imqa.io/agent/web-agent-1.1.11.js"></script>
<script src="https://cdn.imqa.io/agent/webview-agent-1.1.3.js"></script>

// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
    w[c] = w[c] || {};
    function imqaConf(key, value){w[c][key]=value};

    imqaConf("imqaAgentUse", true);
    imqaConf("projectKey", "PROJECT_KEY");
    if ((w[_wk] !== undefined && w[_wk][_mh] !== undefined) || w[_b] !== undefined)
      w[_wv](w);
    else w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>

ローカルインストール

Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="user path/web-agent-1.1.11.js"></script>
<script src="user path/webview-agent-1.1.3.js"></script>

// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
    w[c] = w[c] || {};
    function imqaConf(key, value){w[c][key]=value};

    imqaConf("imqaAgentUse", true);
    imqaConf("projectKey", "PROJECT_KEY");
    if ((w[_wk] !== undefined && w[_wk][_mh] !== undefined) || w[_b] !== undefined)
      w[_wv](w);
    else w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>

設置型またはCDNでリクエストできない場合は、該当スクリプトをダウンロードして使用できます。 を通して右クリックし、"名前を付けて保存"をクリックして接続してください。

https://imqawebviewagent.blob.core.windows.net/agent/web-agent.js
このリンク