Paso 4: Inserte el fragmento de código en la aplicación - Amazon CloudWatch

Paso 4: Inserte el fragmento de código en la aplicación

A continuación, insertará en la aplicación el fragmento de código que haya creado en la sección anterior.

aviso

El cliente web, descargado y configurado mediante el fragmento de código, utiliza cookies (o tecnologías similares) para recopilar datos del usuario final. Antes de insertar el fragmento de código, consulte Filtrar por atributos de metadatos en la consola.

Si no tiene el fragmento de código que se generó previamente, puede encontrarlo si sigue las instrucciones que se describen en ¿Cómo encuentro un fragmento de código que ya he generado?.

Para insertar el fragmento de código de CloudWatch RUM en la aplicación

  1. Inserte el fragmento de código que haya copiado o descargado en la sección anterior dentro del elemento <head> de la aplicación. Insértelo antes del elemento <body> o cualquier otra etiqueta <script>.

    El siguiente es un ejemplo de un fragmento de código generado:

    <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. Si la aplicación es una aplicación web de varias páginas, debe repetir el paso 1 para cada página HTML que desee incluir en la recopilación de datos.