Add MS Clarity pixel

Author: Grzegorz Kocjan

page/layouts/partials/extend-head.html

@@ -2,3 +2,6 @@
 
 {{/* Meta (Facebook) Pixel tracking */}}
 {{ partial "meta-pixel.html" . }}
+
+{{/* Microsoft Clarity tracking */}}
+{{ partial "ms-clarity.html" . }}

page/layouts/partials/meta-pixel.html

@@ -1,17 +1,19 @@
 <!-- Meta Pixel Code -->
 <script>
-!function(f,b,e,v,n,t,s)
-{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-n.queue=[];t=b.createElement(e);t.async=!0;
-t.src=v;s=b.getElementsByTagName(e)[0];
-s.parentNode.insertBefore(t,s)}(window, document,'script',
-'https://connect.facebook.net/en_US/fbevents.js');
-fbq('init', '1849865132461926');
-fbq('track', 'PageView');
+    !function (f, b, e, v, n, t, s) {
+        if (f.fbq) return; n = f.fbq = function () {
+            n.callMethod ?
+            n.callMethod.apply(n, arguments) : n.queue.push(arguments)
+        };
+        if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
+        n.queue = []; t = b.createElement(e); t.async = !0;
+        t.src = v; s = b.getElementsByTagName(e)[0];
+        s.parentNode.insertBefore(t, s)
+    }(window, document, 'script',
+        'https://connect.facebook.net/en_US/fbevents.js');
+    fbq('init', '1849865132461926');
+    fbq('track', 'PageView');
 </script>
 <noscript><img height="1" width="1" style="display:none"
-src="https://www.facebook.com/tr?id=1849865132461926&ev=PageView&noscript=1"
-/></noscript>
+        src="https://www.facebook.com/tr?id=1849865132461926&ev=PageView&noscript=1" /></noscript>
 <!-- End Meta Pixel Code -->

page/layouts/partials/ms-clarity.html

@@ -0,0 +1,7 @@
+<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", "sm4hnb9qfl");
+</script>