Add website PostHog analytics

ComputelessComputer · ComputelessComputer · commit e77579ed7e8e · 2026-04-20T02:32:13.000+09:00
Wire the landing site to initialize posthog-js from public environment variables.
diff --git a/apps/landing/package.json b/apps/landing/package.json
@@ -19,6 +19,7 @@
     "@tiptap/react": "^3.20.0",
     "@tiptap/starter-kit": "^3.20.0",
     "astro": "^5.1.0",
+    "posthog-js": "^1.369.3",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
diff --git a/apps/landing/src/env.d.ts b/apps/landing/src/env.d.ts
@@ -1,2 +1,8 @@
 /// <reference types="astro/client" />
 /// <reference types="@astrojs/mdx/client" />
+
+interface ImportMetaEnv {
+  readonly PUBLIC_GOOGLE_SITE_VERIFICATION?: string;
+  readonly PUBLIC_POSTHOG_HOST?: string;
+  readonly PUBLIC_POSTHOG_KEY?: string;
+}
diff --git a/apps/landing/src/layouts/SiteLayout.astro b/apps/landing/src/layouts/SiteLayout.astro
@@ -78,6 +78,19 @@ const jsonLd = Array.isArray(schema,) ? schema : [schema,];
       ))
     }
     <slot name="head" />
+    <script>
+      import posthog from "posthog-js";
+
+      const posthogKey = import.meta.env.PUBLIC_POSTHOG_KEY?.trim();
+      const posthogHost = import.meta.env.PUBLIC_POSTHOG_HOST?.trim() || "https://us.i.posthog.com";
+
+      if (posthogKey) {
+        posthog.init(posthogKey, {
+          api_host: posthogHost,
+          defaults: "2026-01-30",
+        },);
+      }
+    </script>
   </head>
   <body>
     <div class="site-ambient"></div>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
