@hagicode/hagilight-starlight 0.6.1-dev.74.1.7df157f → 0.6.1-dev.75.1.60c438f

package/ArticlePromotion.astro

@@ -1,5 +1,6 @@
 ---
 import { Image } from 'astro:assets';
+import { gaEventAttributes } from '@hagicode/hagilight-core/analytics-events';
 import { resolveSiteLinks } from '@hagicode/hagilight-core/links';
 import { getArticlePromotionCopy } from './dist/article-promotion.js';
 import {
@@ -24,6 +25,8 @@ const storeHref = linkHref('microsoftStore', 'https://apps.microsoft.com/detail/
 const downloadsHref = linkHref('downloadClient', 'https://www.hagicode.com/');
 const storeProductId = resolveMicrosoftStoreProductId(storeHref);
 const badgeLanguage = resolveMicrosoftStoreBadgeLanguage(lang);
+const showcaseTag = (category: 'download' | 'navigation', label: string, url?: string) =>
+  gaEventAttributes({ category, label, location: 'article_promotion', url });
 
 // Keyed by the ids in assets/showcase/manifest.json and in the copy catalog's gallery.
 const galleryImages: Record<string, ImageMetadata> = {
@@ -49,10 +52,18 @@ const gallery = copy.gallery.flatMap((item) => {
       <p class="hagilight-article-promotion__lead">{copy.lead}</p>
       <p class="hagilight-article-promotion__tagline">{copy.subheadline}</p>
       <div class="hagilight-article-promotion__actions">
-        <a class="hagilight-article-promotion__cta hagilight-article-promotion__cta--primary" href={homeHref}>
+        <a
+          class="hagilight-article-promotion__cta hagilight-article-promotion__cta--primary"
+          href={homeHref}
+          {...showcaseTag('navigation', 'home')}
+        >
           {copy.visitLabel}
         </a>
-        <a class="hagilight-article-promotion__cta hagilight-article-promotion__cta--secondary" href={docsHref}>
+        <a
+          class="hagilight-article-promotion__cta hagilight-article-promotion__cta--secondary"
+          href={docsHref}
+          {...showcaseTag('navigation', 'productDocs')}
+        >
           {copy.docsLabel}
         </a>
       </div>
@@ -111,6 +122,7 @@ const gallery = copy.gallery.flatMap((item) => {
           language={badgeLanguage}
           aria-label={copy.windowsStoreAriaLabel}
           title={copy.windowsStoreAriaLabel}
+          {...showcaseTag('download', 'microsoftStore', storeHref)}
         >
           <a
             class="hagilight-article-promotion__store-fallback"
@@ -119,7 +131,11 @@ const gallery = copy.gallery.flatMap((item) => {
             title={copy.windowsStoreAriaLabel}
           >{copy.windowsStoreLabel}</a>
         </ms-store-badge>
-        <a class="hagilight-article-promotion__downloads" href={downloadsHref}>{copy.allDownloadsLabel}</a>
+        <a
+          class="hagilight-article-promotion__downloads"
+          href={downloadsHref}
+          {...showcaseTag('download', 'downloadClient')}
+        >{copy.allDownloadsLabel}</a>
       </div>
     </div>
 

package/Footer.astro

@@ -1,6 +1,7 @@
 ---
 import Copyright from '@hagicode/hagilight-core/Copyright';
 import DefaultFooter from '@astrojs/starlight/components/Footer.astro';
+import { siteLinkGaAttributes } from '@hagicode/hagilight-core/analytics-events';
 import { resolveSiteLinks, type SiteLinksOptions } from '@hagicode/hagilight-core/links';
 import manifest from './package.json';
 
@@ -61,7 +62,14 @@ const resolvedLinks = resolveSiteLinks(currentLanguage ?? locale, {
     <nav aria-label={resolvedLinks.labels.navigation.quickLinks}>
       <ul>
         {resolvedLinks.quick.map((link) => (
-          <li><a href={link.href} target={link.target} rel={link.rel}>{link.label}</a></li>
+          <li>
+            <a
+              href={link.href}
+              target={link.target}
+              rel={link.rel}
+              {...siteLinkGaAttributes(link, 'footer')}
+            >{link.label}</a>
+          </li>
         ))}
       </ul>
     </nav>
@@ -71,7 +79,14 @@ const resolvedLinks = resolveSiteLinks(currentLanguage ?? locale, {
     <nav aria-label={resolvedLinks.labels.navigation.community}>
       <ul>
         {resolvedLinks.community.map((link) => (
-          <li><a href={link.href} target={link.target} rel={link.rel}>{link.label}</a></li>
+          <li>
+            <a
+              href={link.href}
+              target={link.target}
+              rel={link.rel}
+              {...siteLinkGaAttributes(link, 'footer')}
+            >{link.label}</a>
+          </li>
         ))}
       </ul>
     </nav>

package/Header.astro

@@ -4,6 +4,7 @@ import Search from 'virtual:starlight/components/Search';
 import SiteTitle from 'virtual:starlight/components/SiteTitle';
 import SocialIcons from 'virtual:starlight/components/SocialIcons';
 import ThemeSelect from 'virtual:starlight/components/ThemeSelect';
+import { siteLinkGaAttributes } from '@hagicode/hagilight-core/analytics-events';
 import { resolveSiteLinks, type SiteLinksOptions } from '@hagicode/hagilight-core/links';
 import LanguageChooser from './LanguageChooser.astro';
 
@@ -29,7 +30,7 @@ const shouldRenderSearch =
   <div class="sl-hidden md:sl-flex print:hidden right-group">
     <nav class="header-links" aria-label="Site navigation">
       {resolvedLinks.header.map((link) => (
-        <a href={link.href} target={link.target} rel={link.rel}>{link.label}</a>
+        <a href={link.href} target={link.target} rel={link.rel} {...siteLinkGaAttributes(link, 'header')}>{link.label}</a>
       ))}
     </nav>
     <div class="sl-flex social-icons">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hagicode/hagilight-starlight",
-  "version": "0.6.1-dev.74.1.7df157f",
+  "version": "0.6.1-dev.75.1.60c438f",
   "type": "module",
   "description": "Starlight plugin and components for HagiCode documentation",
   "repository": {
@@ -53,7 +53,7 @@
     "assets/showcase/*"
   ],
   "dependencies": {
-    "@hagicode/hagilight-core": "0.6.1-dev.74.1.7df157f"
+    "@hagicode/hagilight-core": "0.6.1-dev.75.1.60c438f"
   },
   "peerDependencies": {
     "@astrojs/starlight": "^0.42.4",