feat: dynamic loading clarity

LHRUN · Jan 7, 2024 · ddeb6c1 · ddeb6c1
1 parent b325e03
commit ddeb6c1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -11,12 +11,5 @@
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
-    <!-- <script type="text/javascript">
-      (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", "k06rclje17");
-    </script> -->
   </body>
 </html>
diff --git a/src/main.tsx b/src/main.tsx
@@ -4,6 +4,19 @@ import App from './App'
 import './index.css'
 import './i18n'
 
+if (import.meta.env.PROD) {
+  const script = document.createElement('script')
+  script.textContent = `
+  (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", "k06rclje17");
+  `
+  script.async = true
+  document.body.appendChild(script)
+}
+
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <App />