CloudWatch アプリケーションモニタのコードスニペットをアプリケーションに挿入する - Amazon CloudWatch

CloudWatch アプリケーションモニタのコードスニペットをアプリケーションに挿入する

次に、前出のセクションで作成したコードスニペットをアプリケーションに挿入します。

警告

コードスニペットによってダウンロードおよび構成されたウェブクライアントでは、Cookie (もしくは類似の技術) を利用して、エンドユーザーからのデータを収集できます。コードスニペットを挿入する前に、「コンソールでのメタデータ属性によるフィルタリング」を参照してください。

生成されたコードスニペットをまだ用意していない場合は、既に生成してあるコードスニペットを見つけるにはどうすればよいですか? の手順に従ってスニペット入手できます。

CloudWatch RUM のコードスニペットをアプリケーションに挿入するには

  1. 前のセクションでコピーまたはダウンロードしたコードスニペットをアプリケーションの <head> 要素に挿入します。スニペットは、<body> 要素または他のすべての <script> タグより前に挿入してください。

    生成されるスクリプトの例を以下に示します。

    <script>
(function (n, i, v, r, s, c, x, z) {
    x = window.AwsRumClient = {q: [], n: n, i: i, v: v, r: r, c: c};
    window[n] = function (c, p) {
        x.q.push({c: c, p: p});
    };
    z = document.createElement('script');
    z.async = true;
    z.src = s;
    document.head.insertBefore(z, document.getElementsByTagName('script')[0]);
})('cwr',
    '194a1c89-87d8-41a3-9d1b-5c5cd3dafbd0',
    '1.0.0',
    'us-east-2',
    'https://client.rum.us-east-1.amazonaws.com/1.0.2/cwr.js',
    {
        sessionSampleRate: 1,
        identityPoolId: "us-east-2:c90ef0ac-e3b8-4d1a-b313-7e73cfd21443",
        endpoint: "https://dataplane.rum.us-east-2.amazonaws.com",
        telemetries: ["performance", "errors", "http"],
        allowCookies: true,
        enableXRay: false
    });
</script>

  2. 対象のウェブアプリケーションが複数のページを持つ場合は、データを収集した各 HTML ページごとに、ステップ 1 を繰り返す必要があります。