PeterTYLiu
diff --git a/‎index.html‎
Lines changed: 11 additions & 0 deletions b/‎index.html‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎src/components/ColourPicker/ColorPicker.tsx‎
Lines changed: 1 addition & 0 deletions b/‎src/components/ColourPicker/ColorPicker.tsx‎
Lines changed: 1 addition & 0 deletions
@@ -1,6 +1,17 @@
 <!doctype html>
 <html lang="en">
   <head>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BCTWSF0D7C"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "G-BCTWSF0D7C");
+    </script>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
@@ -32,6 +32,7 @@ export const ColorPicker = ({ value, onChange, name, ...fieldContainerProps }: C
     <FieldContainer {...fieldContainerProps}>
       <Box
         component="button"
+        aria-label={"Open color picker for " + name}
         popoverTarget={name}
         sx={{
           border: 1,