add google tag and coffee

AmyangXYZ · Sep 25, 2024 · bf04a4a · bf04a4a
1 parent cc1afab
commit bf04a4a
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -10,8 +10,32 @@
         background-color: #000;
       }
     </style>
+    <!-- Google Tag Manager -->
+    <script>
+      ;(function (w, d, s, l, i) {
+        w[l] = w[l] || []
+        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" })
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != "dataLayer" ? "&l=" + l : ""
+        j.async = true
+        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl
+        f.parentNode.insertBefore(j, f)
+      })(window, document, "script", "dataLayer", "GTM-W3GLJ587")
+    </script>
+    <!-- End Google Tag Manager -->
   </head>
   <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript
+      ><iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-W3GLJ587"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      ></iframe
+    ></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -38,6 +38,9 @@ function App(): JSX.Element {
               <Download sx={{ color: "white", fontSize: "1.5rem", marginTop: ".2rem" }} />
             </IconButton>
           </a>
+          <a href="https://www.buymeacoffee.com/amyang" target="_blank">
+            <img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" width={120} />
+          </a>
         </div>
       </header>
       <Video

diff --git a/src/assets/main.css b/src/assets/main.css
@@ -34,8 +34,8 @@ body {
 .header {
   height: 2rem;
   width: 100%;
-  padding: 0 1rem;
-  top: 0;
+  padding: 0 0.5rem;
+  top: 0.5rem;
   left: 0;
   position: absolute;
   display: flex;
@@ -86,7 +86,7 @@ body {
 
 .video-player {
   position: absolute;
-  top: 4rem;
+  top: 4.5rem;
   left: 1rem;
   width: 400px;
   z-index: 1001;
@@ -99,7 +99,7 @@ video {
 
 .toolbar {
   position: absolute;
-  top: 2rem;
+  top: 2.5rem;
   left: 1rem;
   width: 400px;
   z-index: 1002;