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

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

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

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>

ローカルインストール

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

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>

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

Last updated 2 years ago

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

hashtagCDNサーバから受信

hashtagローカルインストール

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

hashtagCDNサーバから受信

hashtagローカルインストール

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

CDNサーバから受信

ローカルインストール

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

CDNサーバから受信

ローカルインストール