

# CloudWatch アプリケーションモニタのコードスニペットをアプリケーションに挿入する
<a name="CloudWatch-RUM-get-started-insert-code-snippet"></a>

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

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

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

**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>
   ```

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