🔨 fix ga script won't include in dev mode

Nismit · May 16, 2024 · 244a706 · 244a706
1 parent 1240d08
commit 244a706
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/app/routes/_renderer.tsx b/app/routes/_renderer.tsx
@@ -41,20 +41,21 @@ export default jsxRenderer(({ children, title, post }) => {
               }
             })();
           </script>
-          <script
-            async
-            src="https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}"
-          ></script>
-          <script>
-            window.dataLayer = window.dataLayer || [];
-            function gtag() {
-              dataLayer.push(arguments);
-            }
-            gtag("js", new Date());
-
-            gtag("config", "${GA_TRACKING_ID}");
-          </script>
         `}
+        {import.meta.env.MODE !== "development" &&
+          html` <script
+              async
+              src="https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}"
+            ></script>
+            <script>
+              window.dataLayer = window.dataLayer || [];
+              function gtag() {
+                dataLayer.push(arguments);
+              }
+              gtag("js", new Date());
+
+              gtag("config", "${GA_TRACKING_ID}");
+            </script>`}
         <Script src="/app/client.ts" async />
         <Style />
       </head>

diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "main": "index.js",
   "type": "module",
   "scripts": {
-    "dev": "npm run prebuild && vite",
+    "dev": "npm run prebuild && vite dev",
     "build": "npm run prebuild && vite build --mode client && NODE_ENV='production' && vite build",
     "prebuild": "node ./app/build.js",
     "storybook": "storybook dev -p 6006",