feat(docs): add attributes for Umami event tracking

benyn · Dec 9, 2024 · 0bd76f8 · 0bd76f8
1 parent ee80dc8
commit 0bd76f8
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 4 deletions.
diff --git a/docs/src/content/docs/commands/block-time.mdx b/docs/src/content/docs/commands/block-time.mdx
@@ -23,6 +23,8 @@ To learn more and see it in action, watch this video[^1]:
   title="Block Time for To-Dos video walk-through"
   controls
   poster="/raycast-daily-planner/assets/block-time.png"
+  data-umami-event="video-play"
+  data-umami-event-video-title="Block Time for To-Dos"
 >
   Your browser does not support the video tag.
 </video>

diff --git a/docs/src/content/docs/commands/generate-productivity-reports.md b/docs/src/content/docs/commands/generate-productivity-reports.md
@@ -14,7 +14,7 @@ Productivity Reports provide objective data on these actual outcomes, allowing y
 
 ## Video Walkthrough
 
-<video src="/raycast-daily-planner/assets/generate-productivity-reports.mp4" title="Generate Productivity Reports video walk-through" controls poster="/raycast-daily-planner/assets/generate-productivity-reports.png">
+<video src="/raycast-daily-planner/assets/generate-productivity-reports.mp4" title="Generate Productivity Reports video walk-through" controls poster="/raycast-daily-planner/assets/generate-productivity-reports.png" data-umami-event="video-play" data-umami-event-video-title="Generate Productivity Reports">
   Your browser does not support the video tag.
 </video>
 

diff --git a/docs/src/content/docs/commands/show-menu-bar-timer.md b/docs/src/content/docs/commands/show-menu-bar-timer.md
@@ -8,7 +8,7 @@ Know what you're supposed to be doing at every moment! A running timer and assoc
 
 ## Video Walkthrough
 
-<video src="/raycast-daily-planner/assets/show-menu-bar-timer.mp4" title="Show Menu Bar Timer video walk-through" controls poster="/raycast-daily-planner/assets/show-menu-bar-timer.png">
+<video src="/raycast-daily-planner/assets/show-menu-bar-timer.mp4" title="Show Menu Bar Timer video walk-through" controls poster="/raycast-daily-planner/assets/show-menu-bar-timer.png" data-umami-event="video-play" data-umami-event-video-title="Show Menu Bar Timer">
   Your browser does not support the video tag.
 </video>
 

diff --git a/docs/src/content/docs/commands/split-screen.md b/docs/src/content/docs/commands/split-screen.md
@@ -11,7 +11,7 @@ Toggle between a split-screen view of To-Dos and Calendar with just a single key
 
 ## Video Walkthrough
 
-<video src="/raycast-daily-planner/assets/split-screen.mp4" title="Split Screen To-Dos and Calendar video walk-through" controls poster="/raycast-daily-planner/assets/split-screen.png">
+<video src="/raycast-daily-planner/assets/split-screen.mp4" title="Split Screen To-Dos and Calendar video walk-through" controls poster="/raycast-daily-planner/assets/split-screen.png" data-umami-event="video-play" data-umami-event-video-title="Split Screen To-Dos and Calendar">
   Your browser does not support the video tag.
 </video>
 

diff --git a/docs/src/content/docs/commands/track-time.md b/docs/src/content/docs/commands/track-time.md
@@ -8,7 +8,7 @@ Track time spent on tasks using Toggl or Clockify, or directly on your calendar.
 
 ## Video Walkthrough
 
-<video src="/raycast-daily-planner/assets/track-time.mp4" title="Track Time for To-Dos video walk-through" controls poster="/raycast-daily-planner/assets/track-time.png">
+<video src="/raycast-daily-planner/assets/track-time.mp4" title="Track Time for To-Dos video walk-through" controls poster="/raycast-daily-planner/assets/track-time.png" data-umami-event="video-play" data-umami-event-video-title="Track Time for To-Dos">
   Your browser does not support the video tag.
 </video>
 

diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx
@@ -12,10 +12,16 @@ hero:
     - text: Get started
       link: extension-settings/
       icon: right-arrow
+      attrs:
+        data-umami-event: get-started-button
+        data-umami-event-button-variant: primary
     - text: Install the extension
       link: https://www.raycast.com/benyn/daily-planner
       icon: external
       variant: minimal
+      attrs:
+        data-umami-event: install-extension-button
+        data-umami-event-button-variant: minimal
 ---
 
 import { Card, CardGrid } from "@astrojs/starlight/components";
@@ -25,6 +31,8 @@ import { Card, CardGrid } from "@astrojs/starlight/components";
   title="Introducing Raycast Daily Planner"
   controls
   poster="/raycast-daily-planner/assets/raycast-daily-planner.png"
+  data-umami-event="video-play"
+  data-umami-event-video-title="Introducing Raycast Daily Planner"
 >
   Your browser does not support the video tag.
 </video>