update umami link tracking

Author: umyeah

src/layouts/Footer.astro

@@ -6,16 +6,16 @@ const today = new Date();
     <div class="content">
         &copy; {today.getFullYear()} - UmYeah.dev
         <span class="social-links">
-            <a href="https://github.com/umyeah" target="_blank" onclick="window.umami?.track('github-click')">
+            <a href="https://github.com/umyeah" target="_blank">
             <i class="fa-brands fa-github"></i>
             </a>
-            <a href="https://www.linkedin.com/in/corey-sherman-aa12a611/" target="_blank" onclick="window.umami?.track('linkedin-click')">
+            <a href="https://www.linkedin.com/in/corey-sherman-aa12a611/" target="_blank">
             <i class="fa-brands fa-linkedin"></i>
             </a>
-            <a href="https://last.fm/user/djumyeah" target="_blank" onclick="window.umami?.track('lastfm-click')">
+            <a href="https://last.fm/user/djumyeah" target="_blank">
             <i class="fa-brands fa-lastfm"></i>
             </a>
-            <a href="https://letterboxd.com/UmYeah/" target="_blank" onclick="window.umami?.track('letterboxd-click')">
+            <a href="https://letterboxd.com/UmYeah/" target="_blank">
             <i class="fa-brands fa-letterboxd"></i>
             </a>
         </span>

src/layouts/Layout.astro

@@ -20,6 +20,32 @@ const { pageTitle= "UmYeah's Dev" } = Astro.props
 		{import.meta.env.PROD && (
 			<script defer src="https://cloud.umami.is/script.js" data-website-id="8f4cf848-6c38-4f28-90a8-b74fc6b923c9" />
 		)}
+		<script is:inline>
+			document.addEventListener('click', function(e) {
+				const link = e.target.closest('a');
+				if (!link || !window.umami) return;
+				
+				const href = link.href;
+				if (!href) return;
+				
+				// Check if external link
+				const isExternal = link.target === '_blank' || 
+					(link.hostname && link.hostname !== window.location.hostname);
+				
+				if (!isExternal) return;
+				
+				// Determine source
+				let source = 'page';
+				if (link.closest('footer')) source = 'footer';
+				else if (link.closest('nav')) source = 'navigation';
+				else if (link.closest('section') || link.closest('article')) source = 'blog-content';
+				
+				// Get destination domain
+				const destination = new URL(href).hostname;
+				
+				window.umami.track('external-link-click', { source, destination });
+			});
+		</script>
 		<script is:inline src="https://kit.fontawesome.com/c814bbafd8.js" crossorigin="anonymous" />
 		<title>{pageTitle}</title>
 	</head>