Étape 4 : insertion de l'extrait de code dans l'application - Amazon CloudWatch

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Étape 4 : insertion de l'extrait de code dans l'application

Ensuite, vous devez insérer dans votre application l'extrait de code que vous avez créé dans la section précédente.

Avertissement

Le client web, téléchargé et configuré par l'extrait de code, utilise des cookies (ou des technologies semblables) pour vous aider à collecter les données des utilisateurs finaux. Avant d'insérer l'extrait de code, consultez Filtrage par attributs de métadonnées dans la console.

Si vous n'avez pas l'extrait de code précédemment généré, vous pouvez le trouver en suivant les instructions dans Comment puis-je trouver un extrait de code que j'ai déjà généré ?.

Pour insérer l'extrait de CloudWatch RUM code dans votre application

  1. Insérez l'extrait de code que vous avez copié ou téléchargé dans la section précédente dans l'élément <head> de votre application. Insérez-le avant l'élément <body> ou toute autre identification <script>.

    L'extrait suivant représente un exemple d'extrait de code généré :

    <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 votre application est une application Web multipage, vous devez répéter l'étape 1 pour chaque HTML page que vous souhaitez inclure dans la collecte de données.