From 7af2e4cf3dff6dec59ec32995838ea11659a222a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Pilgaard=20Gr=C3=B8ndahl?=
 <niels.pilgaard@hotmail.com>
Date: Fri, 15 Mar 2024 20:24:26 +0100
Subject: [PATCH] add grafana faro

---
 src/web/Jordnaer/Components/App.razor | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
diff --git a/src/web/Jordnaer/Components/App.razor b/src/web/Jordnaer/Components/App.razor
index 3930198e..7fcbb54e 100644
--- a/src/web/Jordnaer/Components/App.razor
+++ b/src/web/Jordnaer/Components/App.razor
@@ -37,6 +37,33 @@
     <link defer href="Jordnaer.Client.styles.css" rel="stylesheet" />
 
     <HeadOutlet @rendermode="RenderModeForPage" />
+
+    <script>
+        (function () {
+            const script = document.createElement("script");
+
+            // Initialize the Web-SDK at the onLoad event of the script tag above so it will be called when the library is loaded.
+            script.onload = () => {
+                window.GrafanaFaroWebSdk.initializeFaro({
+                    // Mandatory, the URL of the Grafana Cloud collector with embedded application key.
+                    url: 'https://faro-collector-prod-eu-west-2.grafana.net/collect/bd7c8e7f952b79cf8fcebea0f94ea33a',
+
+                    // Mandatory, the identification label(s) of your application
+                    app: {
+                        name: 'Mini Møder',
+                        version: "1.0.0"
+                    }
+                });
+            };
+
+            // Set the source of the script tag to the CDN
+            script.src =
+                "https://unpkg.com/@@grafana/faro-web-sdk@@^1.4.0/dist/bundle/faro-web-sdk.iife.js";
+
+            // Append the script tag to the head of the HTML page
+            document.head.appendChild(script);
+        })();
+    </script>
 </head>
 
 <body>
