add analytics

alexpineda · alexpineda · commit f05cafcf30b6 · 2023-11-24T11:28:01.000-05:00
diff --git a/index.html b/index.html
@@ -5,6 +5,15 @@
         <link rel="stylesheet" href="/assets/reset.css" />
         <link rel="stylesheet" href="/assets/open-props.1.4.min.css" />
         <link rel="stylesheet" href="/styles.css" />
+        <!-- Google tag (gtag.js) -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-5YQYLX790M"></script>
+        <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'G-5YQYLX790M');
+        </script>
     </head>
 
     <body>
diff --git a/src/common/types/declarations/global.d.ts b/src/common/types/declarations/global.d.ts
@@ -37,4 +37,12 @@ declare global {
     var THREE: typeof import("three");
     var postprocessing: typeof import("postprocessing");
     // ... other globals
-}
+}
+
+declare interface Gtag {
+    (command: 'config', targetId: string, config?: object): void;
+    (command: 'set', config: object): void;
+    (command: 'event', action: string, eventParams?: object): void;
+}
+
+declare const gtag: Gtag;
diff --git a/src/core/titan-reactor.ts b/src/core/titan-reactor.ts
@@ -89,6 +89,9 @@ globalEvents.on("queue-files", async ({ files: _files }) => {
         console.warn("no files to load")
         return;
     };
+
+    // google analytics - send file name only
+    gtag("event", "queue-files", { "files" : files.map((f) => f.name).join(",") });
     
     //todo map stuff here
     if (files[0].name.endsWith(".scx") || files[0].name.endsWith(".scm")) {
