chore: add more umami event links

src/components/AmazonBook.astro

@@ -15,9 +15,10 @@ const amazonImageUrl = `https://images-na.ssl-images-amazon.com/images/P/${asin}
 ---
 
 <Link
-	href={`https://www.amazon.de/gp/product/${asin}`}
-	class={className}
 	aria-label={alt}
+	class={className}
+	data-umami-event={`Book: ${asin}`}
+	href={`https://www.amazon.de/gp/product/${asin}`}
 	{...props}
 >
 	<Book alt={alt} src={amazonImageUrl} />

src/components/DownloadLink.astro

@@ -11,7 +11,7 @@ interface Props {
 const { href, text, ...props } = Astro.props;
 ---
 
-<TextLink class="group" href={href} {...props}>
+<TextLink class="group" href={href} data-umami-event={`Download: ${text}`} {...props}>
 	{text}
 	<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
 		<Download

src/components/Link.astro

@@ -13,6 +13,7 @@ const isExternal = (href as string).startsWith('http');
 
 <a
 	class:list={['link', { external: isExternal }, className]}
+	data-umami-event={isExternal ? `Link: ${href}` : undefined}
 	href={href}
 	rel={isExternal ? 'nofollow noopener noreferrer' : undefined}
 	target={isExternal ? '_blank' : undefined}

src/components/NetflixFlag.astro

@@ -16,6 +16,7 @@ const { class: className, id, ...props } = Astro.props;
 		'rounded-1 border-1 border-solid border-red-600 bg-red-600 font-mono text-[0.7em] text-white decoration-0 pli-[0.3em] pbe-0 pbs-[0.1em] print:border-gray-500 print:bg-transparent',
 		className,
 	]}
+	data-umami-event={`Netflix: ${id}`}
 	href={`https://www.netflix.com/title/${id}`}
 	title="Netflix"
 	{...props}

src/components/PrimeVideoFlag.astro

@@ -16,6 +16,7 @@ const { class: className, id, ...props } = Astro.props;
 		'rounded-1 border-1 border-solid border-sky-500 bg-sky-500 font-mono text-[0.7em] text-white decoration-0 pli-[0.3em] pbe-0 pbs-[0.1em] print:border-gray-500 print:bg-transparent',
 		className,
 	]}
+	data-umami-event={`PrimeVideo: ${id}`}
 	href={`https://www.amazon.de/gp/video/detail/${id}`}
 	title="Prime Video"
 	{...props}

src/components/ProductLink.astro

@@ -14,6 +14,7 @@ const { asin, class: className, text, ...props } = Astro.props;
 
 <TextLink
 	class:list={['product', className]}
+	data-umami-event={`Product: ${asin}`}
 	href={`https://www.amazon.de/gp/product/${asin}`}
 	{...props}
 >