diff --git a/packages/web/config.ts b/packages/web/config.ts
index 0c53546c..fa5c238a 100644
--- a/packages/web/config.ts
+++ b/packages/web/config.ts
@@ -20,4 +20,5 @@ export const CONFIG = {
     process.env.NEXT_BRIGHTID_NODE_URL || 'http:%2f%2fnode.brightid.org',
   publicUrl: process.env.NEXT_PUBLIC_VERCEL_URL || 'http://localhost:3000',
   gaId: process.env.NEXT_PUBLIC_GA4_ID || undefined,
+  clarityId: process.env.CLARITY_ID || undefined
 };
diff --git a/packages/web/pages/_app.tsx b/packages/web/pages/_app.tsx
index 824cd174..cca67e91 100644
--- a/packages/web/pages/_app.tsx
+++ b/packages/web/pages/_app.tsx
@@ -39,6 +39,19 @@ const App: React.FC<WithUrqlProps> = ({
           />
         </>
       )}
+      {!!CONFIG.clarityId && (
+        <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", '${CONFIG.clarityId}');
+          `
+         }}>
+        </script>
+      )}
     </Head>
     <Web3ContextProvider resetUrqlClient={resetUrqlClient}>
       <>