4단계: 애플리케이션에 코드 조각 삽입 - Amazon CloudWatch

4단계: 애플리케이션에 코드 조각 삽입

다음으로 이전 섹션에서 생성한 코드 조각을 애플리케이션에 삽입합니다.

주의

코드 조각으로 다운로드 및 구성된 웹 클라이언트는 최종 사용자 데이터를 수집하기 위해 쿠키(또는 유사한 기술)를 사용합니다. 코드 조각을 삽입하기 전에 콘솔에서 메타데이터 속성별로 필터링 섹션을 참고하세요.

이전에 생성된 코드 조각이 없는 경우 이미 생성한 코드 조각을 찾으려면 어떻게 해야 한가요? 섹션의 지침에 따라 찾을 수 있습니다.

애플리케이션에 CloudWatch RUM 코드 조각 삽입

  1. 복사하거나 다운로드한 코드 조각을 애플리케이션의 <head> 요소의 이전 섹션에 삽입합니다. <body> 요소 또는 기타 <script> 태그 앞에 삽입합니다.

    다음은 생성된 코드 조각의 예입니다.

    <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. 애플리케이션이 여러 페이지의 웹 애플리케이션인 경우 데이터 수집에 포함할 각 HTML 페이지에 대해 1단계를 반복해야 합니다.