add Google Analytics 4 (gtag.js) tracking

2026-05-01 18:39:50 +08:00
parent b18887a8f3
commit 735bc0bf63
2 changed files with 16 additions and 0 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -13,6 +13,7 @@ const pageTitle = title || site.name;
 const ogUrl = canonical || Astro.url.toString();
 const year = new Date().getFullYear();
 const ads = site.ads;
+const analytics = site.analytics;
 ---
 <!DOCTYPE html>
 <html lang="en">
@@ -54,6 +55,18 @@ const ads = site.ads;
    />
  )}

+  {analytics?.measurementId && (
+    <>
+      <script async src={`https://www.googletagmanager.com/gtag/js?id=${analytics.measurementId}`} />
+      <script set:html={`
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '${analytics.measurementId}');
+      `} />
+    </>
+  )}
+
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Bungee+Shade&family=Bungee&display=swap" rel="stylesheet" />
--- a/src/lib/site.js
+++ b/src/lib/site.js
@@ -7,4 +7,7 @@ export const site = {
    enabled: true,
    publisherId: '9763775565109295',
  },
+  analytics: {
+    measurementId: 'G-9XRGJVS2X3',
+  },
 };