Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Siapkan aplikasi web untuk menggunakan CloudWatch RUM
<a name="CloudWatch-RUM-get-started"></a>

Gunakan langkah-langkah di bagian ini untuk mengatur aplikasi web Anda untuk mulai menggunakan CloudWatch RUM untuk mengumpulkan data kinerja dari sesi pengguna nyata.

**Topics**
+ [Otorisasi aplikasi web Anda untuk mengirim data AWS](CloudWatch-RUM-get-started-authorization.md)
+ [Membuat monitor aplikasi CloudWatch RUM untuk aplikasi web](CloudWatch-RUM-get-started-create-app-monitor.md)
+ [Memodifikasi cuplikan kode untuk mengkonfigurasi klien web CloudWatch RUM (opsional)](CloudWatch-RUM-modify-snippet.md)
+ [Memasukkan cuplikan kode monitor CloudWatch aplikasi ke dalam aplikasi Anda](CloudWatch-RUM-get-started-insert-code-snippet.md)
+ [Menguji penyiapan monitor CloudWatch aplikasi Anda dengan membuat peristiwa pengguna](CloudWatch-RUM-get-started-generate-data.md)

# Otorisasi aplikasi web Anda untuk mengirim data AWS
<a name="CloudWatch-RUM-get-started-authorization"></a>

Anda memiliki empat opsi untuk mengatur otentikasi data:
+ Gunakan Amazon Cognito dan biarkan CloudWatch RUM membuat kumpulan identitas Amazon Cognito baru untuk aplikasi. Metode ini membutuhkan usaha paling sedikit untuk mengatur.

  Kolam identitas akan berisi identitas yang tidak diautentikasi. Hal ini memungkinkan klien web CloudWatch RUM untuk mengirim data ke CloudWatch RUM tanpa mengautentikasi pengguna aplikasi.

  Kolam identitas Amazon Cognito memiliki peran IAM terlampir. Identitas Amazon Cognito yang tidak diautentikasi memungkinkan klien web untuk mengambil peran IAM yang berwenang untuk mengirim data ke RUM. CloudWatch 
+ Gunakan Amazon Cognito untuk otentikasi. Jika Anda menggunakan ini, Anda dapat menggunakan kumpulan identitas Amazon Cognito yang ada atau membuat yang baru untuk digunakan dengan monitor aplikasi ini. Jika Anda menggunakan kumpulan identitas yang ada, Anda juga harus memodifikasi peran IAM yang dilampirkan ke kumpulan identitas. Gunakan opsi ini untuk kumpulan identitas yang mendukung pengguna yang tidak diautentikasi. Anda dapat menggunakan kumpulan identitas hanya dari Wilayah yang sama.
+ Gunakan autentikasi dari penyedia identitas yang sudah ada yang telah Anda atur. Dalam hal ini, Anda harus mendapatkan kredensial dari penyedia identitas dan aplikasi Anda harus meneruskan kredensial ini ke klien web RUM.

  Gunakan opsi ini untuk kumpulan identitas yang hanya mendukung pengguna yang diautentikasi.
+ Gunakan kebijakan berbasis sumber daya untuk mengelola akses ke monitor aplikasi Anda. Ini termasuk kemampuan untuk mengirim permintaan yang tidak diautentikasi ke CloudWatch RUM tanpa AWS kredensil. Untuk mempelajari lebih lanjut tentang kebijakan berbasis sumber daya dan RUM, lihat[Menggunakan kebijakan berbasis sumber daya dengan RUM CloudWatch](CloudWatch-RUM-resource-policies.md).

Bagian berikut mencakup detail lebih lanjut tentang opsi ini.

## Gunakan kolam identitas Amazon Cognito yang ada
<a name="CloudWatch-RUM-get-started-authorization-existingcognito"></a>

Jika Anda memilih untuk menggunakan kumpulan identitas Amazon Cognito, Anda menentukan kumpulan identitas saat menambahkan aplikasi ke CloudWatch RUM. Kolam harus mendukung pengaktifan ke identitas yang tidak diautentikasi. Anda dapat menggunakan kumpulan identitas hanya dari Wilayah yang sama.

Anda juga harus menambahkan izin berikut ke kebijakan IAM yang dilampirkan ke peran IAM yang terkait dengan kolam identitas ini.

------
#### [ JSON ]

****  

```
{
    "Version":"2012-10-17",		 	 	 
    "Statement": [
        { 
            "Effect": "Allow",
            "Action": [
                "rum:PutRumEvents"
            ],
            "Resource": "arn:aws:rum:us-east-1:123456789012:appmonitor/app monitor name" 
        }
    ]
}
```

------

Amazon Cognito kemudian akan mengirim token keamanan yang diperlukan untuk memungkinkan aplikasi Anda mengakses CloudWatch RUM.

## Penyedia pihak ketiga
<a name="CloudWatch-RUM-get-started-authorization-thirdparty"></a>

Jika memilih untuk menggunakan autentikasi privat dari penyedia pihak ketiga, Anda harus mendapatkan kredensial dari penyedia identitas dan meneruskannya ke AWS. Cara terbaik untuk melakukannya adalah dengan menggunakan *vendor token keamanan*. Anda dapat menggunakan vendor token keamanan apa pun, termasuk Amazon Cognito dengan. AWS Security Token Service Untuk informasi selengkapnya AWS STS, lihat [Selamat Datang di Referensi AWS Security Token Service API](https://docs.aws.amazon.com/STS/latest/APIReference/welcome.html). 

Jika Anda ingin menggunakan Amazon Cognito sebagai vendor token dalam skenario ini, Anda dapat mengonfigurasi Amazon Cognito agar berfungsi dengan penyedia autentikasi. Untuk informasi selengkapnya, silakan lihat [Memulai Kolam Identitas Amazon Cognito (Gabungan Identitas)](https://docs.aws.amazon.com/cognito/latest/developerguide/getting-started-with-identity-pools.html).

Setelah mengonfigurasi Amazon Cognito untuk bekerja dengan penyedia identitas Anda, Anda juga perlu melakukan hal berikut ini:
+ Buat peran IAM dengan izin sebagai berikut. Aplikasi Anda akan menggunakan peran ini untuk mengakses AWS.

------
#### [ JSON ]

****  

  ```
  { 
   "Version":"2012-10-17",		 	 	 
   "Statement": [ 
     { 
       "Effect": "Allow",
       "Action": "rum:PutRumEvents",
       "Resource": "arn:aws:rum:us-east-2:123456789012:appmonitor/AppMonitorName"
     }
   ]
  }
  ```

------
+ Tambahkan yang berikut ini ke aplikasi Anda agar dapat meneruskan kredensi dari penyedia Anda ke CloudWatch RUM. Masukkan baris sehingga berjalan setelah pengguna masuk ke aplikasi Anda dan aplikasi telah menerima kredensial yang akan digunakan untuk mengakses AWS.

  ```
  cwr('setAwsCredentials', {/* Credentials or CredentialProvider */});
  ```

[Untuk informasi selengkapnya tentang penyedia kredensi di AWS JavaScript SDK, lihat [Menyetel kredensional di browser web di](https://docs.aws.amazon.com/sdk-for-javascript/v3/developer-guide/setting-credentials-browser.html) panduan pengembang v3 untuk SDK for JavaScript, [Menyetel kredensional di browser web di panduan pengembang v2 untuk SDK for, dan @aws -sdk/credential-providers](https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/setting-credentials-browser.html). JavaScript](https://www.npmjs.com/package/@aws-sdk/credential-providers) 

Anda juga dapat menggunakan SDK untuk klien web CloudWatch RUM untuk mengkonfigurasi metode otentikasi klien web. Untuk informasi selengkapnya tentang SDK klien web, lihat SDK [klien web CloudWatch RUM](https://github.com/aws-observability/aws-rum-web). 

# Membuat monitor aplikasi CloudWatch RUM untuk aplikasi web
<a name="CloudWatch-RUM-get-started-create-app-monitor"></a>

Untuk mulai menggunakan CloudWatch RUM dengan aplikasi Anda, Anda membuat *monitor aplikasi*. Saat monitor aplikasi dibuat, RUM menghasilkan cuplikan kode untuk Anda tempelkan ke aplikasi Anda. Cuplikan menarik kode klien RUM. Klien RUM menangkap data dari sesi pengguna aplikasi Anda dan mengirimkannya ke RUM.

## Untuk membuat monitor aplikasi untuk platform web
<a name="web-platform-app-monitor"></a>

1. Buka CloudWatch konsol di [https://console.aws.amazon.com/cloudwatch/](https://console.aws.amazon.com/cloudwatch/).

1. Di panel navigasi, pilih **Sinyal Aplikasi**, **RUM**.

1. Pilih **Tambahkan monitor aplikasi**.

1. Untuk **nama monitor Aplikasi**, masukkan nama yang akan digunakan untuk mengidentifikasi monitor aplikasi ini dalam konsol CloudWatch RUM.

1. Pilih **Web** sebagai platformnya.

1. Untuk **daftar domain Aplikasi**, masukkan nama domain terdaftar di mana aplikasi Anda memiliki otoritas administratif. Anda juga dapat menggunakan karakter wildcard `*` untuk mengizinkan sub-domain atau domain tingkat atas (misalnya, \$1.amazon.com, amazon.\$1, \$1.amazon.\$1).

1. Untuk **Mengonfigurasi pengumpulan data RUM**, tentukan apakah Anda ingin monitor aplikasi mengumpulkan masing-masing hal berikut:
   + **Telemetri performa** – Mengumpulkan informasi tentang pemuatan halaman dan waktu muat sumber daya
   + **JavaScript kesalahan** — Mengumpulkan informasi tentang kesalahan yang tidak tertangani yang ditimbulkan oleh JavaScript aplikasi Anda

     Anda dapat memilih **Unminify jejak tumpukan JavaScript kesalahan untuk** men-debug kesalahan yang tidak diperkecil. JavaScript Untuk menggunakan fitur ini, unggah file peta sumber Anda ke bucket atau folder Amazon S3 dan berikan URI Amazon S3. Setelah diaktifkan, RUM akan menggunakan peta sumber ini dan memperkaya peristiwa JavaScript kesalahan dengan menambahkan jejak tumpukan yang tidak diperkecil. Perhatikan bahwa setelah mengaktifkan, fitur ini hanya memproses peristiwa JavaScript kesalahan baru dan tidak dapat digunakan pada data yang dikumpulkan sebelumnya. Untuk informasi selengkapnya, lihat [Mengaktifkan unminifikasi jejak tumpukan kesalahan JavaScript](CloudWatch-RUM-JavaScriptStackTraceSourceMaps.md).
   + **Kesalahan HTTP** – Mengumpulkan informasi tentang kesalahan HTTP yang dilemparkan oleh aplikasi Anda

   Memilih opsi ini memberikan informasi lebih lanjut tentang aplikasi Anda, tetapi juga menghasilkan lebih banyak acara CloudWatch RUM dan dengan demikian menimbulkan lebih banyak biaya.

   Jika Anda tidak memilih salah satu dari ini, monitor aplikasi masih mengumpulkan acara dan halaman mulai sesi IDs sehingga Anda dapat melihat berapa banyak pengguna yang menggunakan aplikasi Anda, termasuk kerusakan berdasarkan jenis dan versi sistem operasi, jenis dan versi browser, jenis perangkat, dan lokasi.

1. Pilih **Periksa opsi ini untuk memungkinkan Klien Web CloudWatch RUM mengatur cookie** jika Anda ingin dapat mengumpulkan pengguna IDs dan sesi IDs dari sesi pengguna sampel. Pengguna dihasilkan IDs secara acak oleh RUM. Untuk informasi selengkapnya, lihat [CloudWatch Cookie klien web RUM (atau teknologi serupa)](CloudWatch-RUM-privacy.md#CloudWatch-RUM-cookies).

1. Untuk **Sampel sesi**, masukkan persentase sesi pengguna yang akan digunakan untuk mengumpulkan data RUM. Bawaannya adalah 100%. Mengurangi angka ini memberi Anda lebih sedikit data, tetapi mengurangi biaya Anda. Untuk informasi selengkapnya tentang harga RUM, silakan lihat [Harga RUM](CloudWatch-RUM.md#RUMpricing).

1. Data pengguna akhir yang Anda kumpulkan untuk CloudWatch RUM disimpan selama 30 hari dan kemudian dihapus. Jika Anda ingin menyimpan salinan peristiwa RUM di CloudWatch Log dan mengonfigurasi berapa lama untuk menyimpan salinan ini, pilih **Periksa opsi ini untuk menyimpan data telemetri aplikasi Anda di akun CloudWatch Log Anda di bawah Penyimpanan** **data**. Secara default, grup CloudWatch log Log menyimpan data selama 30 hari. Anda dapat menyesuaikan periode retensi di konsol CloudWatch Log.

1. (Opsional) Pilih untuk menambahkan kebijakan berbasis sumber daya ke monitor aplikasi Anda untuk mengontrol siapa yang dapat mengirim `PutRumEvents` permintaan ke monitor aplikasi Anda. Jika Anda memilih **Buat kebijakan publik, kebijakan** sumber daya akan dilampirkan ke monitor aplikasi Anda yang memungkinkan siapa pun mengirim `PutRumEvents` permintaan ke monitor aplikasi Anda. Untuk informasi lebih lanjut tentang metode ini, lihat[Menggunakan kebijakan berbasis sumber daya dengan RUM CloudWatch](CloudWatch-RUM-resource-policies.md).

1. Jika Anda melampirkan kebijakan berbasis sumber daya pada langkah sebelumnya, Anda tidak perlu menandatangani permintaan ke CloudWatch RUM dengan AWS kredensil, dan Anda dapat melewati pengaturan otorisasi. Jika tidak, untuk **Otorisasi**, tentukan apakah akan menggunakan kumpulan identitas Amazon Cognito baru atau yang sudah ada atau gunakan penyedia identitas yang berbeda. Membuat kolam identitas baru merupakan opsi paling sederhana yang tidak memerlukan langkah pengaturan lainnya. Untuk informasi lebih lanjut, lihat[Otorisasi aplikasi web Anda untuk mengirim data AWS](CloudWatch-RUM-get-started-authorization.md).

   Membuat kolam identitas Amazon Cognito baru memerlukan izin administratif. Untuk informasi selengkapnya, lihat [Kebijakan IAM untuk menggunakan CloudWatch RUM](CloudWatch-RUM-permissions.md).

1. (Opsional) Secara default, ketika Anda menambahkan cuplikan kode RUM ke aplikasi Anda, klien web menyuntikkan JavaScript tag untuk memantau penggunaan ke dalam kode HTML semua halaman aplikasi Anda. Untuk mengubah ini, pilih **Konfigurasi halaman** dan kemudian pilih **Sertakan hanya halaman ini** atau **Kecualikan halaman ini**. Kemudian, tentukan halaman yang akan disertakan atau dikecualikan. Untuk menentukan halaman yang akan disertakan atau dikecualikan, masukkan yang lengkap URLs. Untuk menentukan halaman tambahan, pilih **Tambahkan URL**.

1. Untuk mengaktifkan AWS X-Ray penelusuran sesi pengguna yang diambil sampelnya oleh monitor aplikasi, pilih **Penelusuran aktif dan pilih Lacak** layanan **saya** dengan. AWS X-Ray

   Jika Anda memilih ini, permintaan `XMLHttpRequest` dan `fetch` yang dibuat selama sesi pengguna yang diambil sampelnya oleh monitor aplikasi akan dilacak. Anda kemudian dapat melihat jejak dan segmen dari sesi pengguna ini di dasbor RUM, dan peta jejak X-Ray dan halaman detail pelacakan. Sesi pengguna ini juga akan muncul sebagai halaman klien di [Sinyal Aplikasi](CloudWatch-Application-Monitoring-Sections.md) setelah Anda mengaktifkannya untuk aplikasi Anda.

   Dengan membuat perubahan konfigurasi tambahan pada klien web CloudWatch RUM, Anda dapat menambahkan header jejak X-Ray ke permintaan HTTP untuk mengaktifkan end-to-end penelusuran sesi pengguna melalui layanan AWS terkelola hilir. Untuk informasi selengkapnya, lihat [Mengaktifkan penelusuran X-Ray end-to-end](CloudWatch-RUM-modify-snippet.md#CloudWatch-RUM-xraytraceheader).

1. (Opsional) Untuk menambahkan tanda ke monitor aplikasi, pilih **Tag**, **Tambahkan tanda baru**.

   Kemudian, untuk **Kunci**, masukkan nama untuk tanda tersebut. Anda dapat menambahkan sebuah nilai opsional untuk tanda di **Nilai**. 

   Untuk menambahkan tanda lainnya, silakan pilih **Tambahkan tanda baru** lagi.

   Untuk informasi selengkapnya, silakan lihat [Pemberian Tanda Sumber Daya AWS](https://docs.aws.amazon.com/general/latest/gr/aws_tagging.html).

1. Pilih **Tambahkan monitor aplikasi**.

1. Di bagian **kode Sampel**, Anda dapat menyalin potongan kode yang akan digunakan untuk ditambahkan ke aplikasi Anda. Kami menyarankan Anda memilih **JavaScript**atau **TypeScript**dan menggunakan NPM untuk menginstal klien web CloudWatch RUM sebagai JavaScript modul.

   Atau, Anda dapat memilih **HTML** untuk menggunakan jaringan pengiriman konten (CDN) untuk menginstal klien web CloudWatch RUM. Kerugian menggunakan CDN adalah bahwa klien web sering diblokir oleh pemblokir iklan.

1. Pilih **Salin** atau **Unduh**, lalu pilih **Selesai**.

# Memodifikasi cuplikan kode untuk mengkonfigurasi klien web CloudWatch RUM (opsional)
<a name="CloudWatch-RUM-modify-snippet"></a>

Anda dapat memodifikasi potongan kode sebelum memasukkannya ke dalam aplikasi Anda, untuk mengaktifkan atau menonaktifkan beberapa opsi. Untuk informasi selengkapnya, lihat [dokumentasi klien web CloudWatch RUM.](https://github.com/aws-observability/aws-rum-web/blob/main/docs/cdn_installation.md)

Ada empat opsi konfigurasi yang harus Anda ketahui, seperti yang dibahas di bagian ini.

## Mencegah pengumpulan sumber daya URLs yang mungkin berisi informasi pribadi
<a name="CloudWatch-RUM-resourceURL"></a>

Secara default, klien web CloudWatch RUM dikonfigurasi untuk merekam URLs sumber daya yang diunduh oleh aplikasi. Sumber daya ini termasuk file HTML, gambar, file CSS, JavaScript file, dan sebagainya. Untuk beberapa aplikasi, URLs mungkin berisi informasi identitas pribadi (PII).

Jika ini adalah kasus untuk aplikasi Anda, kami sangat menyarankan agar Anda menonaktifkan pengumpulan sumber daya URLs dengan menyetel `recordResourceUrl: false` dalam konfigurasi potongan kode, sebelum memasukkannya ke dalam aplikasi Anda.

## Merekam tampilan halaman secara manual
<a name="CloudWatch-RUM-pageload"></a>

Secara default, klien web mencatat tampilan halaman saat halaman pertama kali dimuat dan saat API riwayat browser dipanggil. ID halaman default adalah `window.location.pathname`. Namun demikian, dalam beberapa kasus Anda mungkin ingin mengganti perilaku ini dan instrumen aplikasi untuk merekam tampilan halaman secara terprogram. Melakukannya memberi Anda kendali atas ID halaman dan kapan direkam. Sebagai contoh, pertimbangkan aplikasi web yang memiliki URI dengan pengenal variabel, seperti `/entity/123` atau `/entity/456`. Secara default, CloudWatch RUM menghasilkan peristiwa tampilan halaman untuk setiap URI dengan ID halaman berbeda yang cocok dengan nama jalur, tetapi Anda mungkin ingin mengelompokkannya dengan ID halaman yang sama. Untuk mencapai hal ini, nonaktifkan otomatisasi tampilan halaman klien web menggunakan konfigurasi `disableAutoPageView`, dan gunakan perintah `recordPageView` untuk mengatur ID halaman yang diinginkan. Untuk informasi selengkapnya, lihat [Konfigurasi Khusus Aplikasi](https://github.com/aws-observability/aws-rum-web/blob/main/docs/configuration.md) pada. GitHub

**Contoh skrip tersemat:**

```
cwr('recordPageView', { pageId: 'entityPageId' });
```

**JavaScript contoh modul:**

```
awsRum.recordPageView({ pageId: 'entityPageId' });
```

## Mengaktifkan penelusuran X-Ray end-to-end
<a name="CloudWatch-RUM-xraytraceheader"></a>

Saat Anda membuat monitor aplikasi, memilih **Lacak layanan saya dengan AWS X-Ray** memungkinkan pelacakan permintaan `XMLHttpRequest` dan `fetch` yang dibuat selama sesi pengguna yang diambil sampelnya oleh monitor aplikasi. Anda kemudian dapat melihat jejak dari permintaan HTTP ini di dasbor CloudWatch RUM, dan halaman detail X-Ray Trace Map dan Trace.

Secara default, jejak sisi klien ini tidak terhubung ke jejak sisi server hilir. Untuk menghubungkan jejak sisi klien ke jejak sisi server dan mengaktifkan end-to-end penelusuran, atur `addXRayTraceIdHeader` opsi ke klien web. `true` Hal ini menyebabkan klien web CloudWatch RUM menambahkan header jejak X-Ray ke permintaan HTTP.

Blok kode berikut menunjukkan contoh penambahan jejak sisi klien. Beberapa opsi konfigurasi dihilangkan dari sampel ini untuk kemudahan pembacaan.

```
<script>
    (function(n,i,v,r,s,c,u,x,z){...})(
        'cwr',
        '00000000-0000-0000-0000-000000000000',
        '1.0.0',
        'us-west-2',
        'https://client.rum.us-east-1.amazonaws.com/1.0.2/cwr.js',
        {
            enableXRay: true,
            telemetries: [ 
                'errors', 
                'performance',
                [ 'http', { addXRayTraceIdHeader: true } ]
            ]
        }
    );
</script>
```

**Awas**  
Mengonfigurasi klien web CloudWatch RUM untuk menambahkan header jejak X-Ray ke permintaan HTTP dapat menyebabkan berbagi sumber daya lintas asal (CORS) gagal atau membatalkan tanda tangan permintaan jika permintaan ditandatangani dengan SigV4. Untuk informasi selengkapnya, lihat [dokumentasi klien web CloudWatch RUM](https://github.com/aws-observability/aws-rum-web/blob/main/docs/cdn_installation.md). Kami sangat menyarankan Anda menguji aplikasi Anda sebelum menambahkan header jejak sinar X sisi klien di lingkungan produksi.

Untuk informasi selengkapnya, lihat [dokumentasi klien web CloudWatch RUM](https://github.com/aws-observability/aws-rum-web/blob/main/docs/cdn_installation.md#http)

## Mengirim permintaan yang tidak ditandatangani ke CloudWatch RUM
<a name="CloudWatch-RUM-unsigned"></a>

Secara default, klien web RUM menandatangani semua permintaan yang dikirim ke RUM. Jika Anda mengatur `signing:false` konfigurasi klien, permintaan akan dibatalkan saat dikirim ke CloudWatch RUM. Data akan dicerna ke RUM hanya jika ada kebijakan berbasis sumber daya publik yang dilampirkan ke monitor aplikasi. Untuk informasi selengkapnya, lihat [Menggunakan kebijakan berbasis sumber daya dengan RUM CloudWatch](CloudWatch-RUM-resource-policies.md).

# Memasukkan cuplikan kode monitor CloudWatch aplikasi ke dalam aplikasi Anda
<a name="CloudWatch-RUM-get-started-insert-code-snippet"></a>

Berikutnya, Anda memasukkan potongan kode yang Anda buat di bagian sebelumnya ke dalam aplikasi Anda.

**Awas**  
Klien web, yang diunduh dan dikonfigurasi oleh snippet kode, menggunakan cookie (atau teknologi serupa) untuk membantu Anda mengumpulkan data pengguna akhir. Sebelum Anda memasukkan potongan kode, silakan lihat [Memfilter berdasarkan atribut metadata di konsolPerlindungan data dan privasi data dengan CloudWatch RUM](CloudWatch-RUM-privacy.md).

Jika Anda tidak memiliki potongan kode yang dibuat sebelumnya, Anda dapat menemukannya dengan mengikuti petunjuk di [Bagaimana cara saya menemukan potongan kode yang sudah saya buat?](CloudWatch-RUM-find-code-snippet.md).

**Untuk memasukkan cuplikan kode CloudWatch RUM ke dalam aplikasi Anda**

1. Masukkan potongan kode yang Anda salin atau unduh di bagian sebelumnya di dalam elemen `<head>` aplikasi Anda. Masukkan potongan tersebut sebelum elemen `<body>` atau tanda `<script>` lainnya.

   Berikut ini contoh potongan kode yang dihasilkan:

   ```
   <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. Jika aplikasi Anda adalah aplikasi web multipage, Anda harus mengulangi langkah 1 untuk setiap halaman HTML yang ingin Anda sertakan dalam pengumpulan data.

# Menguji penyiapan monitor CloudWatch aplikasi Anda dengan membuat peristiwa pengguna
<a name="CloudWatch-RUM-get-started-generate-data"></a>

Setelah Anda memasukkan potongan kode dan aplikasi Anda yang diperbarui berjalan, Anda dapat mengujinya dengan membuat peristiwa pengguna secara manual. Untuk menguji ini, kami menyarankan Anda melakukan hal berikut. Pengujian ini menimbulkan biaya CloudWatch RUM standar.
+ Menavigasi antar halaman dalam aplikasi web Anda.
+ Buat beberapa sesi pengguna, menggunakan browser dan perangkat yang berbeda.
+ Buat permintaan.
+ Menyebabkan JavaScript kesalahan.

Setelah Anda membuat beberapa acara, lihat di dasbor CloudWatch RUM. Untuk informasi selengkapnya, lihat [Melihat dasbor CloudWatch RUM](CloudWatch-RUM-view-data.md).

Data dari sesi pengguna mungkin membutuhkan waktu hingga 15 menit untuk muncul di dasbor.

Jika tidak melihat data 15 menit setelah Anda membuat peristiwa dalam aplikasi, silakan lihat [Pemecahan Masalah CloudWatch RUM](CloudWatch-RUM-troubleshooting.md).