feat(analytics): add 51LA analytics integration

newbe36524 · hagicode-ai · newbe36524 · commit 437751240e5b · 2026-05-24T21:10:01.000+08:00
Add 51LAAnalytics.astro component with production-only script injection.
Integrate analytics into BaseLayout.astro with environment-based LA ID configuration.
Emit hagicode:analytics-ready event when SDK initializes.

Co-Authored-By: Hagicode &lt;noreply@hagicode.com&gt;
Signed-off-by: newbe36524 &lt;newbe36524@qq.com&gt;
diff --git a/src/components/51LAAnalytics.astro b/src/components/51LAAnalytics.astro
@@ -0,0 +1,17 @@
+---
+const default51LAId = "L6b88a5yK4h2Xnci"
+const laId = import.meta.env.VITE_51LA_ID || default51LAId
+const isProduction = import.meta.env.PROD
+---
+
+{isProduction && (
+  <>
+    <script is:inline charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
+    <script is:inline define:vars={{ laId }}>
+      if (typeof LA !== "undefined" && typeof LA.init === "function") {
+        LA.init({ id: laId, ck: laId, autoTrack: true, hashMode: true, screenRecord: true });
+        window.dispatchEvent(new Event("hagicode:analytics-ready"));
+      }
+    </script>
+  </>
+)}
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -1,5 +1,6 @@
 ---
 import "@/index.css"
+import Analytics51LA from "@/components/51LAAnalytics.astro"
 import { PromoteCard } from "@/components/promote/PromoteCard"
 import promoteCardStyles from "@/components/promote/PromoteCard.module.css"
 import type { PageMetadata } from "@/lib/metadata-builder"
@@ -56,5 +57,6 @@ const { metadata, lang = "en" } = Astro.props as Props
   <body>
     <slot />
     <PromoteCard locale={lang} className={promoteCardStyles.promoteCard} client:load />
+    <Analytics51LA />
   </body>
 </html>
