feat: add google analytics

remarkablegames · Jan 30, 2024 · c28262d · c28262d
1 parent 9d6d5b3
commit c28262d
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 0 deletions.
diff --git a/.env b/.env
@@ -1,3 +1,4 @@
 VITE_APP_NAME=$npm_package_name
 VITE_APP_VERSION=$npm_package_version
 VITE_DRIFTDB_URL=
+VITE_GOOGLE_ANALYTICS_ID=
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -36,6 +36,7 @@ jobs:
         run: npm run build -- --base /${{ github.event.repository.name }}/
         env:
           VITE_DRIFTDB_URL: ${{ vars.DRIFTDB_URL }}
+          VITE_GOOGLE_ANALYTICS_ID: ${{ secrets.GOOGLE_ANALYTICS_ID }}
 
       - name: Catch-all routes
         run: cp dist/index.html dist/404.html

diff --git a/index.html b/index.html
@@ -26,6 +26,22 @@
   <body>
     <noscript>You need to enable JavaScript to play this game.</noscript>
     <div id="root"></div>
+
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script>
+      window['ga-disable-%VITE_GOOGLE_ANALYTICS_ID%'] = %DEV%;
+      window.dataLayer = window.dataLayer || [];
+      window.gtag = function () {
+        dataLayer.push(arguments);
+      };
+      gtag('js', new Date());
+      gtag('config', '%VITE_GOOGLE_ANALYTICS_ID%');
+    </script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=%VITE_GOOGLE_ANALYTICS_ID%"
+    ></script>
+
     <script type="module" src="src/index.tsx"></script>
   </body>
 </html>
diff --git a/src/config/index.ts b/src/config/index.ts
@@ -3,3 +3,4 @@ export const APP_VERSION = import.meta.env.VITE_APP_VERSION;
 export const BASE_URL = import.meta.env.BASE_URL;
 export const DEV = import.meta.env.DEV;
 export const DRIFTDB_URL = import.meta.env.VITE_DRIFTDB_URL;
+export const GOOGLE_ANALYTICS_ID = import.meta.env.VITE_GOOGLE_ANALYTICS_ID;
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
@@ -6,6 +6,7 @@ interface ImportMetaEnv {
   readonly VITE_APP_NAME: string;
   readonly VITE_APP_VERSION: string;
   readonly VITE_DRIFTDB_URL: string;
+  readonly VITE_VITE_GOOGLE_ANALYTICS_ID: string;
 }
 
 interface ImportMeta {