Como inserir o trecho de código do monitor de aplicação do CloudWatch na aplicação - Amazon CloudWatch

Como inserir o trecho de código do monitor de aplicação do CloudWatch na aplicação

Em seguida, insira o snippet de código criado na seção anterior na aplicação.

Atenção

O cliente da Web, baixado e configurado pelo snippet de código, usa cookies (ou tecnologias semelhantes) para ajudar a coletar dados do usuário final. Antes de inserir o snippet do código, consulte Filtrar por atributos de metadados no console.

Se você não tiver o snippet de código gerado anteriormente, poderá encontrá-lo seguindo as instruções no Como encontro um snippet de código que já gerei?.

Para inserir o snippet de código RUM do CloudWatch em sua aplicação

  1. Insira o snippet de código que você copiou ou baixou na seção anterior dentro do elemento <head> da aplicação. Insira-o antes do elemento <body> ou de qualquer outra etiqueta <script>.

    O seguinte exemplo mostra um de um snippet de código gerado:

    <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. Se a aplicação for uma aplicação Web de várias páginas, você deverá repetir a etapa 1 para cada página HTML que deseja incluir na coleta de dados.