diff --git a/CHANGELOG.md b/CHANGELOG.md
index 15c3376..e6ab51d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+# 0.2.8 (2023-12-03)
+
+### Feat
+
+- add microsoft clarity
+
 # 0.2.7 (2023-12-03)
 
 ### Feat
diff --git a/index.html b/index.html
index 249186d..b4dd65c 100644
--- a/index.html
+++ b/index.html
@@ -5,9 +5,18 @@
     <link rel="icon" type="image/svg+xml" href="/canvas.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>paint-board</title>
+    <meta name="twitter:description" content="multifunctional drawing board">
+    <meta name="keywords" content="drawing board,paint board,html canvas,canvas">
   </head>
   <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>
