feat(ganalytics): support google analytics

.vitepress/config.ts

@@ -2,6 +2,7 @@ import { defineConfigWithTheme } from "vitepress";
 import type { ThemeConfig } from "./theme/types/theme-config";
 import themeConfig from "./config.theme";
 import { BASE_URL, withBaseURL } from "./config.utils";
+import gaConfig from "./theme/ganalytics";
 
 export default defineConfigWithTheme<ThemeConfig>({
   title: "WhaleVocal",
@@ -25,6 +26,7 @@ export default defineConfigWithTheme<ThemeConfig>({
         content: "Octobug",
       },
     ],
+    ...gaConfig
   ],
   rewrites: {
     ":postsdir/:title/README.md": ":postsdir/:title.md",

.vitepress/theme/ganalytics.ts

@@ -0,0 +1,28 @@
+import { HeadConfig } from "vitepress";
+import { env } from "process";
+
+const G_M_ID = env.G_MEASUREMENT_ID;
+
+const scriptGTag = [
+  "script",
+  {
+    async: "async",
+    src: `https://www.googletagmanager.com/gtag/js?id=${G_M_ID}`
+  },
+] satisfies HeadConfig;
+
+const scriptGTagData = [
+  "script",
+  {},
+  `window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', '${G_M_ID}');`
+] satisfies HeadConfig;
+
+const gaConfig = [
+  scriptGTag,
+  scriptGTagData
+];
+
+export default gaConfig satisfies HeadConfig[];