Merge pull request #4 from Angramme/dev

fix metrics again
Angramme · Apr 27, 2024 · 5f3bc44 · 5f3bc44
2 parents f67d097 + 955d539
commit 5f3bc44
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/components/metrics/MicrosoftClarity.jsx b/components/metrics/MicrosoftClarity.jsx
@@ -3,14 +3,22 @@
 import Script from "next/script"
 
 export const MicrosoftClarity = () => {
-    return <Script id="clarity-script" strategy="afterInteractive">
-        {`(function(c,l,a,r,i,t,y){
+    return <script type="text/javascript" dangerouslySetInnerHTML={{
+        __html: `(function(c,l,a,r,i,t,y){
             c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
             t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
             y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-        })(window, document, "clarity", "script", "m1q5zx2fms");
-        `}
-    </Script>
+        })(window, document, "clarity", "script", "m1q5zx2fms");`
+    }}>
+    </script>
+    // return <Script id="clarity-script" strategy="afterInteractive">
+    //     {`(function(c,l,a,r,i,t,y){
+    //         c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+    //         t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+    //         y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+    //     })(window, document, "clarity", "script", "m1q5zx2fms");
+    //     `}
+    // </Script>
     // return <Script
     //         id="microsoft-clarity-init"
     //         strategy="afterInteractive"

diff --git a/pages/_document.jsx b/pages/_document.jsx
@@ -6,12 +6,13 @@ import { MicrosoftClarity } from "../components/metrics/MicrosoftClarity";
 export default function Document(){
     return (
         <Html lang='en'>
-            <Head/>
+            <Head>
+                <MicrosoftClarity/>
+            </Head>
             <body>
                 <Main/>
                 <NextScript/>
                 <CloudflareAnalytics/>
-                <MicrosoftClarity/>
             </body>
         </Html>
     )