Add init faro script and inject

common/browser_context.go

@@ -119,6 +119,9 @@ func NewBrowserContext(
 	if err := b.AddInitScript(js.WebVitalInitScript); err != nil {
 		return nil, fmt.Errorf("adding web vital init script to new browser context: %w", err)
 	}
+	if err := b.AddInitScript(js.FaroInitScript); err != nil {
+		return nil, fmt.Errorf("adding faro init script to new browser context: %w", err)
+	}
 
 	return &b, nil
 }

common/js/embedded_scripts.go

@@ -17,3 +17,6 @@ var WebVitalIIFEScript string
 //
 //go:embed web_vital_init.js
 var WebVitalInitScript string
+
+//go:embed faro.js
+var FaroInitScript string

common/js/faro.js

@@ -0,0 +1,28 @@
+function faroInit () {
+    // Create a script tag for loading the library
+    var script = document.createElement('script');
+
+    // Initialize the Web SDK at the onLoad event of the script element so it is called when the library is loaded.
+    script.onload = () => {
+      window.GrafanaFaroWebSdk.initializeFaro({
+        // Mandatory, the URL of the Grafana Cloud collector with embedded application key.
+        // Copy from the configuration page of your application in Grafana.
+        url: 'https://faro-collector-dev-us-central-0.grafana-dev.net/collect/f92eca480377a3a757f5189f4292ca74',
+        app: {
+          name: 'test',
+          version: '1.0.0',
+          environment: 'production'
+        },
+      });
+    };
+
+    // Set the source of the script tag to the CDN
+    script.src = 'https://unpkg.com/@grafana/faro-web-sdk@^1.0.0-beta/dist/bundle/faro-web-sdk.iife.js';
+
+    document.addEventListener("DOMContentLoaded", function() {
+      // Append the script tag to the head of the HTML document
+      document.head.appendChild(script);
+    });
+}
+
+faroInit();