

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 將 CloudWatch 應用程式監視器程式碼片段插入您的應用程式
<a name="CloudWatch-RUM-get-started-insert-code-snippet"></a>

接下來，您會將上一節所建立的程式碼片段插入您的應用程式。

**警告**  
由程式碼片段下載和設定的 Web 用戶端會使用 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. 如果您的應用程式是多頁面 Web 應用程式，則您必須針對要包含在資料收集中的每個 HTML 頁面重複步驟 1。