feat: track read about (#4478)

Unleash · Aug 11, 2023 · 8158607 · 8158607
1 parent 90f5af6
commit 8158607
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/frontend/src/component/common/PremiumFeature/PremiumFeature.tsx b/frontend/src/component/common/PremiumFeature/PremiumFeature.tsx
@@ -119,12 +119,18 @@ export const PremiumFeature = ({
 
     const tracker = usePlausibleTracker();
 
-    const handleClick = () => {
+    const trackUpgradePlan = () => {
         tracker.trackEvent('upgrade_plan_clicked', {
             props: { feature: label },
         });
     };
 
+    const trackReadAbout = () => {
+        tracker.trackEvent('read_about', {
+            props: { feature: label },
+        });
+    };
+
     const featureLabel = Boolean(url) ? (
         <StyledLink href={url} target="_blank" rel="noreferrer">
             {label}
@@ -167,7 +173,7 @@ export const PremiumFeature = ({
                                 href={upgradeUrl}
                                 target="_blank"
                                 rel="noreferrer"
-                                onClick={handleClick}
+                                onClick={trackUpgradePlan}
                             >
                                 Compare plans
                             </StyledLink>
@@ -191,11 +197,16 @@ export const PremiumFeature = ({
                                 href={upgradeUrl}
                                 target="_blank"
                                 rel="noreferrer"
-                                onClick={handleClick}
+                                onClick={trackUpgradePlan}
                             >
                                 Compare plans
                             </Button>
-                            <Button href={url} target="_blank" rel="noreferrer">
+                            <Button
+                                href={url}
+                                target="_blank"
+                                rel="noreferrer"
+                                onClick={trackReadAbout}
+                            >
                                 Read about {label}
                             </Button>
                         </StyledButtonContainer>

diff --git a/frontend/src/hooks/usePlausibleTracker.ts b/frontend/src/hooks/usePlausibleTracker.ts
@@ -11,6 +11,7 @@ import { EventOptions, PlausibleOptions } from 'plausible-tracker';
 export type CustomEvents =
     | 'invite'
     | 'upgrade_plan_clicked'
+    | 'read_about'
     | 'change_request'
     | 'favorite'
     | 'maintenance'