From 5e85ac1b85f9e08d743e03f8092eb4f666a050dd Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Sat, 13 Jul 2024 10:56:28 +0200
Subject: [PATCH] cookie consent for clarity

---
 layout/theme.liquid | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/layout/theme.liquid b/layout/theme.liquid
index 9760379..d7a8f30 100644
--- a/layout/theme.liquid
+++ b/layout/theme.liquid
@@ -53,7 +53,17 @@
     %}
 
     <script>
-      console.log("2",)
+      function msClarity() {
+        if(window.Shopify.customerPrivacy.analyticsProcessingAllowed()) {
+          (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", "lvd5xzm4d8");
+        }
+      }
+      
+      console.log("3",)
 
       window.Shopify.loadFeatures([
         {
@@ -66,9 +76,11 @@
             throw error;
           }
           console.log("here1")
+          msClarity()
 
           document.addEventListener('visitorConsentCollected', () => {
             console.log("here2 visotorConsentCollected")
+            msClarity()
           });
     });
 
@@ -383,14 +395,6 @@
       }
     </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", "lvd5xzm4d8");
-    </script>
-
     <!-- Render CSS content -->
     {% render 'shx-loading-screen'
       , content_type: 'head' %}