Merge branch 'ubiquity:development' into development

src/home/authentication.ts

@@ -1,3 +1,4 @@
+import { trackDevRelReferral } from "./devrel-tracker";
 import { getGitHubAccessToken } from "./getters/get-github-access-token";
 import { getGitHubUser } from "./getters/get-github-user";
 import { GitHubUser } from "./github-types";
@@ -12,6 +13,7 @@ export async function authentication() {
 
   const gitHubUser: null | GitHubUser = await getGitHubUser();
   if (gitHubUser) {
+    trackDevRelReferral(gitHubUser.login + "|" + gitHubUser.id);
     displayGitHubUserInformation(gitHubUser);
   }
 }

src/home/devrel-tracker.ts

@@ -0,0 +1,22 @@
+export function initiateDevRelTracking() {
+  const oldDevRelCode = localStorage.getItem("devRel");
+  if (!oldDevRelCode) {
+    const urlParams = new URLSearchParams(window.location.search);
+    const devRelCode = urlParams.get("devRel");
+    if (devRelCode) {
+      localStorage.setItem("devRel", devRelCode);
+    }
+  }
+}
+
+export function trackDevRelReferral(devGithub: string) {
+  const devRelCode = localStorage.getItem("devRel");
+  if (devRelCode && devRelCode != "done") {
+    // @ts-expect-error : using global gtag
+    gtag("event", "ethSeoul_registration", {
+      devRel: devRelCode,
+      devGithub: devGithub,
+    });
+    localStorage.setItem("devRel", "done");
+  }
+}

src/home/home.ts

@@ -1,11 +1,13 @@
 import { grid } from "../the-grid";
 import { authentication } from "./authentication";
+import { initiateDevRelTracking } from "./devrel-tracker";
 import { fetchAndDisplayPreviewsFromCache } from "./fetch-github/fetch-and-display-previews";
 import { fetchIssuesFull } from "./fetch-github/fetch-issues-full";
 import { readyToolbar } from "./ready-toolbar";
 import { generateSortingToolbar } from "./sorting/generate-sorting-buttons";
 import { TaskManager } from "./task-manager";
 
+initiateDevRelTracking();
 generateSortingToolbar();
 renderServiceMessage();
 grid(document.getElementById("grid") as HTMLElement, () => document.body.classList.add("grid-loaded")); // @DEV: display grid background

static/index.html

@@ -4,6 +4,18 @@
     <meta charset="UTF-8" />
     <title>DevPool Directory | Ubiquity DAO</title>
 
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-VZLJ61H1YM"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "G-VZLJ61H1YM");
+    </script>
+
     <link rel="stylesheet" href="style/style.css" />
     <link rel="stylesheet" href="style/inverted-style.css" />
     <link rel="stylesheet" href="style/special.css" />