Copy as Markdown[Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Frum%2Fsdk-installation%2Fflutter%2Fweb.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)[Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Frum%2Fsdk-installation%2Fflutter%2Fweb.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)

# Web flutter

The RUM browser SDK can be integrated into the Flutter web framework for telemetry instrumentation, enabling real-time performance monitoring and analytics. Learn how to use it with Coralogix's [CDN Browser SDK ](https://docs-docusaurus.kinsta.page/user-guides/rum/sdk-installation/javascript/cdn-browser/.md).

## Installation[​](#installation "Direct link to Installation")

1. Add the following CDN to your `index.html` file:

   ```
   <script src="https://cdn.rum-ingress-coralogix.com/coralogix/browser/latest/coralogix-browser-sdk.js"></script>
   ```

2. Use the Web Flutter SDK in your Dart code as follows.

```
import 'package:flutter/material.dart';

import 'dart:js' as js;



void main() {

runApp(const MyApp());



var rum = js.JsObject.fromBrowserObject(js.context['CoralogixRum']);



rum.callMethod('init', [js.JsObject.jsify({

  environment: 'test',

  application: 'my-app',

  version: '1.0.0',

  public_key: 'my-key-123',

  coralogixDomain: 'EU2',

})]);

}
```