better tracking

site/src/components/BlogPostCard.astro

@@ -24,6 +24,8 @@ function truncate(s: string, n: number) {
   data-umami-event-target_id={targetId}
   data-umami-event-placement={placement}
   data-umami-event-target_url={`/blog/post/${post.slug}`}
+  data-umami-event-title={truncate(post.title || "", 160)}
+  data-umami-event-type="blog_post"
 >
   {post.featuredImageUrl ? <img src={post.featuredImageUrl} alt="" loading="lazy" /> : null}
   <div class="blog-card-body">

site/src/components/ContentCard.astro

@@ -7,6 +7,12 @@ type Props = {
 };
 
 const { item, placement } = Astro.props;
+
+function truncate(s: string, n: number) {
+  const t = (s || "").trim();
+  if (t.length <= n) return t;
+  return `${t.slice(0, Math.max(0, n - 1)).trimEnd()}…`;
+}
 const d = new Date(item.publishedAt);
 const dateLabel = Number.isFinite(d.valueOf())
   ? d.toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" })
@@ -19,6 +25,15 @@ try {
 } catch {
   domain = "";
 }
+
+const umamiType =
+  item.source === "youtube"
+    ? "video"
+    : item.source === "podcast"
+      ? "podcast_episode"
+      : undefined;
+
+const umamiTitle = umamiType ? truncate(item.title, 160) : undefined;
 ---
 
 <a
@@ -30,6 +45,8 @@ try {
   data-umami-event-target_id={targetId}
   data-umami-event-placement={placement}
   data-umami-event-target_url={item.url}
+  data-umami-event-title={umamiTitle}
+  data-umami-event-type={umamiType}
   data-umami-event-domain={domain || "unknown"}
   data-umami-event-source={item.source}
   data-umami-event-ui_placement="content_card"