将 CloudWatch 应用程序监控代码片段插入应用程序 - Amazon CloudWatch

将 CloudWatch 应用程序监控代码片段插入应用程序

接下来，将上一部分中创建的代码段插入到应用程序中。

警告

由代码段下载和配置的 Web 客户端使用 Cookie（或类似技术）来帮助您收集终端用户数据。在插入代码段之前，请参阅 在控制台中按元数据属性筛选。

如果您没有以前生成的代码段，则可以按照 如何查找已生成的代码段？ 中的说明进行查找。

将 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. 如果应用程序是多页 Web 应用程序，则必须对要包含在数据集合中的每个 HTML 页面重复步骤 1。