diff --git a/config/production/hugo.yaml b/config/production/hugo.yaml
index f1bac38..456894c 100644
--- a/config/production/hugo.yaml
+++ b/config/production/hugo.yaml
@@ -1,7 +1,10 @@
 ######################## production configuration ####################
 # The base URL of your site (required). This will be prepended to all relative URLs.
 baseURL: https://fodydev.org
-# googleAnalytics: 
+# googleAnalytics:
 enableRobotsTXT: true
 build:
   writeStats: true
+
+params:
+  clarity_id: "ywgigdjola"
diff --git a/layouts/partials/head/custom-head.html b/layouts/partials/head/custom-head.html
index 46d5bbf..d558786 100644
--- a/layouts/partials/head/custom-head.html
+++ b/layouts/partials/head/custom-head.html
@@ -2,12 +2,22 @@
 {{- $target := "css/home.css" }}
 {{ $options := (dict "targetPath" $target) }}
 {{ if eq hugo.Environment "production" }}
-    {{ $options = merge $options (dict "outputStyle" "compressed" "enableSourceMap" false) }}
+{{ $options = merge $options (dict "outputStyle" "compressed" "enableSourceMap" false) }}
 {{ else }}
-    {{ $options = merge $options (dict "outputStyle" "nested" "enableSourceMap" true) }}
+{{ $options = merge $options (dict "outputStyle" "nested" "enableSourceMap" true) }}
 {{ end }}
 {{ $style := resources.Get $source | toCSS $options | postCSS (dict "config" "postcss.config.js") | resources.Fingerprint "sha512" }}
 {{ if (eq .Kind "home") }}
 <link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}" media="all">
 {{ end }}
 <link rel="canonical" href="{{ .Permalink }}"/>
+
+{{ with site.Params.clarity_id -}}
+<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", "{{ . | safeJS }}");
+</script>
+{{- end }}