diff --git a/website/src/components/HomepageHeader.tsx b/website/src/components/HomepageHeader.tsx
index 4828ad54..e1db8a06 100644
--- a/website/src/components/HomepageHeader.tsx
+++ b/website/src/components/HomepageHeader.tsx
@@ -50,19 +50,25 @@ export const HomepageHeader: React.FC = React.memo(() => {
         <p className="desc">
           Tailchat: {siteConfig.tagline}
           <small>
-            <Link href="/blog/2023/03/01/the-era-of-noIM">
+            <Link
+              className="umami--click--what-is-noim"
+              href="/blog/2023/03/01/the-era-of-noIM"
+            >
               <Translate>What is noIM(not only IM)?</Translate>
             </Link>
           </small>
         </p>
 
         <div className="btns">
-          <Link className="button button--primary button--lg" to={inviteLink}>
+          <Link
+            className="button button--primary button--lg umami--click--joingroup"
+            to={inviteLink}
+          >
             <Translate>Join our Group</Translate>
           </Link>
 
           <Link
-            className="button button--secondary button--lg"
+            className="button button--secondary button--lg umami--click--learnmore"
             href="/docs/intro"
           >
             <Translate>Learn More</Translate>
@@ -70,7 +76,7 @@ export const HomepageHeader: React.FC = React.memo(() => {
         </div>
 
         <div className="link">
-          <Link to={nightlyUrl}>
+          <Link className="umami--click--direct-nightly" to={nightlyUrl}>
             <Translate>Or direct visit Tailchat nightly version</Translate>
           </Link>
         </div>
diff --git a/website/src/components/JoinCommunity.tsx b/website/src/components/JoinCommunity.tsx
index dd34cc7e..989205bd 100644
--- a/website/src/components/JoinCommunity.tsx
+++ b/website/src/components/JoinCommunity.tsx
@@ -16,7 +16,10 @@ export const JoinCommunity: React.FC = React.memo(() => {
           product support, and more.
         </Translate>
       </p>
-      <Link className="button button--primary button--lg" href={inviteLink}>
+      <Link
+        className="button button--primary button--lg umami--click--joingroup"
+        href={inviteLink}
+      >
         <Translate>Join Our Group</Translate>
       </Link>
 
@@ -25,6 +28,7 @@ export const JoinCommunity: React.FC = React.memo(() => {
           href="https://www.producthunt.com/posts/tailchat?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tailchat"
           target="_blank"
           rel="noreferrer"
+          className="umami--click--producthunt"
         >
           <img
             src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=382080&theme=light"