Langkah 4: Masukkan potongan kode ke dalam aplikasi Anda - Amazon CloudWatch

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

Langkah 4: Masukkan potongan kode ke dalam aplikasi Anda

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 konsol.

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?.

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>

  2. Jika aplikasi Anda adalah aplikasi web multipage, Anda harus mengulangi langkah 1 untuk setiap halaman HTML yang ingin Anda sertakan dalam pengumpulan data.