Adding analytics to docs site (#715)

docs/package.json

@@ -10,22 +10,23 @@
     "preview": "vocs preview"
   },
   "dependencies": {
+    "@0xsplits/splits-sdk": "^4.0.2",
     "@mdx-js/mdx": "^3.0.0",
     "@tanstack/react-query": "^5.37.1",
+    "@types/node": "^20.13.0",
     "@types/react": "latest",
     "@vanilla-extract/css": "^1.15.3",
+    "@zoralabs/protocol-deployments": "workspace:*",
+    "@zoralabs/protocol-sdk": "workspace:*",
+    "@zoralabs/tsconfig": "workspace:*",
     "react": "latest",
     "react-dom": "latest",
     "typescript": "^5.2.2",
     "viem": "^2.13.2",
+    "vite-plugin-radar": "^0.9.6",
     "vite-tsconfig-paths": "^4.3.2",
     "vocs": "^1.0.0-alpha.55",
     "wagmi": "^2.9.4",
-    "yaml": "2.3.4",
-    "@0xsplits/splits-sdk": "^4.0.2",
-    "@types/node": "^20.13.0",
-    "@zoralabs/protocol-deployments": "workspace:*",
-    "@zoralabs/protocol-sdk": "workspace:*",
-    "@zoralabs/tsconfig": "workspace:*"
+    "yaml": "2.3.4"
   }
 }

docs/vocs.config.ts

@@ -1,11 +1,12 @@
+import VitePluginRadar from "vite-plugin-radar";
 import { defineConfig } from "vocs";
 
 export default defineConfig({
   title: "ZORA Docs",
   titleTemplate: "%s | ZORA Docs",
   iconUrl: "/Zorb.png",
   logoUrl: "/Zorb.png",
-  ogImageUrl:"https://docs.zora.co/og.png",
+  ogImageUrl: "https://docs.zora.co/og.png",
   basePath: process.env.BASE_PATH,
   rootDir: ".",
   topNav: [
@@ -215,6 +216,15 @@ export default defineConfig({
     ],
   },
   vite: {
+    plugins: process.env.GOOGLE_ANALYTICS_TAG_ID
+      ? [
+          VitePluginRadar({
+            analytics: {
+              id: process.env.GOOGLE_ANALYTICS_TAG_ID as string,
+            },
+          }),
+        ]
+      : [],
     esbuild: {
       supported: {
         "top-level-await": true, //browsers can handle top-level-await features