Passaggio 4: inserire lo snippet di codice nella propria applicazione - Amazon CloudWatch

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Passaggio 4: inserire lo snippet di codice nella propria applicazione

Successivamente, inserire lo snippet di codice creato nella sezione precedente nell'applicazione.

avvertimento

Il client web, scaricato e configurato dallo snippet di codice, utilizza cookie (o tecnologie simili) per aiutare a raccogliere i dati dell'utente finale. Prima di inserire lo snippet di codice, vedere Filtraggio in base agli attributi dei metadati nella console.

Se non si dispone dello snippet di codice generato in precedenza, è possibile trovarlo seguendo le istruzioni in Come faccio a trovare uno snippet di codice che ho già generato?.

Per inserire il frammento di CloudWatch RUM codice nell'applicazione

  1. Inserire lo snippet di codice copiato o scaricato nella sezione precedente all'interno dell'elemento <head> della propria applicazione. Inserirlo prima dell'elemento <body> o qualsiasi altro tag <script>.

    Il seguente è un esempio di uno snippet di codice generato:

    <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 l'applicazione è un'applicazione Web multipagina, è necessario ripetere il passaggio 1 per ogni HTML pagina che si desidera includere nella raccolta dei dati.