fix: remove ga from index template

dsrkafuu · Apr 2, 2021 · d947ad0 · d947ad0 · vercel · Apr 2, 2021
1 parent d4c681b
commit d947ad0
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -10,17 +10,6 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="shortcut icon" href="/favicon.ico" />
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WPCN48BP2Z"></script>
-    <script>
-      if (/dsrkafuu/.exec(location.hostname)) {
-        window.dataLayer = window.dataLayer || [];
-        function gtag() {
-          dataLayer.push(arguments);
-        }
-        gtag('js', new Date());
-        gtag('config', 'G-WPCN48BP2Z');
-      }
-    </script>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/main.jsx b/src/main.jsx
@@ -7,6 +7,9 @@ import './themes';
 import './scss/global.scss';
 import './scss/utils.scss';
 
+import ga from './plugins/ga';
+ga();
+
 import './i18n';
 import App from './App';
 import store from './store';

diff --git a/src/plugins/ga.js b/src/plugins/ga.js
@@ -0,0 +1,19 @@
+const id = import.meta.env.VITE_GA;
+
+export default function ga() {
+  function gtag() {
+    window.dataLayer.push(arguments);
+  }
+
+  if (id && import.meta.env.PROD) {
+    const script = document.createElement('script');
+    script.setAttribute('async', '');
+    script.setAttribute('src', `https://www.googletagmanager.com/gtag/js?id=${id}`);
+    document.head.appendChild(script);
+
+    window.dataLayer = window.dataLayer || [];
+    window.gtag = gtag;
+    gtag('js', new Date());
+    gtag('config', id);
+  }
+}