From 36f2d68e893f1e08e93c0e10e128eadbc76e9ec9 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sun, 30 Oct 2022 00:31:23 +0800
Subject: [PATCH] :rotating_light:

---
 app/src/assets/template/app/index.tpl     | 10 ------
 app/src/assets/template/desktop/index.tpl | 10 ------
 app/src/assets/template/mobile/index.tpl  | 10 ------
 app/src/config/about.ts                   | 14 ++++++++
 app/src/config/search.ts                  |  2 +-
 app/src/types/index.d.ts                  |  4 ++-
 app/src/util/onGetConfig.ts               | 41 +++++++++++++----------
 7 files changed, 42 insertions(+), 49 deletions(-)

diff --git a/app/src/assets/template/app/index.tpl b/app/src/assets/template/app/index.tpl
index dcd8a2a74..aac258cd1 100644
--- a/app/src/assets/template/app/index.tpl
+++ b/app/src/assets/template/app/index.tpl
@@ -32,15 +32,5 @@
     }
   }, 2000)
 </script>
-
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-L7WEXVQCR9"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-L7WEXVQCR9');
-</script>
 </body>
 </html>
diff --git a/app/src/assets/template/desktop/index.tpl b/app/src/assets/template/desktop/index.tpl
index 1e837293d..f0e940dc8 100644
--- a/app/src/assets/template/desktop/index.tpl
+++ b/app/src/assets/template/desktop/index.tpl
@@ -26,15 +26,5 @@
 <div id="status" class="fn__flex status"></div>
 <div id="commonMenu" class="b3-menu fn__none"></div>
 <div id="message" class="b3-snackbars"></div>
-
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-L7WEXVQCR9"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-L7WEXVQCR9');
-</script>
 </body>
 </html>
diff --git a/app/src/assets/template/mobile/index.tpl b/app/src/assets/template/mobile/index.tpl
index 23f7bcbc3..3ebad2d7a 100644
--- a/app/src/assets/template/mobile/index.tpl
+++ b/app/src/assets/template/mobile/index.tpl
@@ -72,15 +72,5 @@
     <button data-type="redo"><svg><use xlink:href="#iconRedo"></use></svg></button>
     <span class="fn__flex-1"></span>
 </div>
-
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-L7WEXVQCR9"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-L7WEXVQCR9');
-</script>
 </body>
 </html>
diff --git a/app/src/config/about.ts b/app/src/config/about.ts
index b7adb7a9e..1f494db1e 100644
--- a/app/src/config/about.ts
+++ b/app/src/config/about.ts
@@ -24,6 +24,14 @@ export const about = {
     <div class="fn__space"></div>
     <input class="b3-switch fn__flex-center" id="downloadInstallPkg" type="checkbox"${window.siyuan.config.system.downloadInstallPkg ? " checked" : ""}>
 </label>
+<label class="b3-label fn__flex">
+    <div class="fn__flex-1">
+        ${window.siyuan.languages.googleAnalytics}
+        <div class="b3-label__text">${window.siyuan.languages.googleAnalyticsTip}</div>
+    </div>
+    <div class="fn__space"></div>
+    <input class="b3-switch fn__flex-center" id="googleAnalytics" type="checkbox"${window.siyuan.config.system.googleAnalytics ? " checked" : ""}>
+</label>
 <label class="b3-label fn__flex">
     <div class="fn__flex-1">
         ${window.siyuan.languages.about9}
@@ -364,6 +372,12 @@ export const about = {
                 });
             });
         });
+        const googleAnalyticsElement = about.element.querySelector("#googleAnalytics") as HTMLInputElement;
+        googleAnalyticsElement.addEventListener("change", () => {
+            fetchPost("/api/system/setGoogleAnalytics", {googleAnalytics: googleAnalyticsElement.checked}, () => {
+                exportLayout(true);
+            });
+        });
         const uploadErrLogElement = about.element.querySelector("#uploadErrLog") as HTMLInputElement;
         uploadErrLogElement.addEventListener("change", () => {
             fetchPost("/api/system/setUploadErrLog", {uploadErrLog: uploadErrLogElement.checked}, () => {
diff --git a/app/src/config/search.ts b/app/src/config/search.ts
index 757411fcb..4d8cf6220 100644
--- a/app/src/config/search.ts
+++ b/app/src/config/search.ts
@@ -74,7 +74,7 @@ export const initConfigSearch = (element: HTMLElement) => {
             "importKey", "genKey", "genKeyByPW", "copyKey", "resetRepo", "systemLogTip", "export", "visitAnnouncements",
             "safeQuit", "directConnection", "siyuanNote", "key", "password", "copied", "resetRepoTip",
             "autoDownloadUpdatePkg", "autoDownloadUpdatePkgTip", "networkProxy", "keyPlaceholder", "initRepoKeyTip",
-            "useFixedPort", "useFixedPortTip"]),
+            "useFixedPort", "useFixedPortTip", "googleAnalytics", "googleAnalyticsTip"]),
     ];
     const inputElement = element.querySelector(".b3-form__icon input") as HTMLInputElement;
     if (window.siyuan.config.system.container !== "ios") {
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index 509b08895..4ef70c65b 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -26,6 +26,7 @@ type TBazaarType = "templates" | "icons" | "widgets" | "themes"
 declare module "blueimp-md5"
 
 interface Window {
+    dataLayer: string[]
     siyuan: ISiyuan
     webkit: any
 
@@ -44,7 +45,7 @@ interface Window {
 
     hideKeyboardToolbar(): void
 
-    gtag(name: string, key: string, value: IObject): void;
+    gtag(name: string, key: string | Date, value?: IObject): void;
 }
 
 interface ITextOption {
@@ -352,6 +353,7 @@ declare interface IConfig {
         xanadu: boolean
         udanax: boolean
         uploadErrLog: boolean
+        googleAnalytics: boolean
         downloadInstallPkg: boolean
         networkServe: boolean
         fixedPort: boolean
diff --git a/app/src/util/onGetConfig.ts b/app/src/util/onGetConfig.ts
index a3e36fef0..f7b85d8a3 100644
--- a/app/src/util/onGetConfig.ts
+++ b/app/src/util/onGetConfig.ts
@@ -161,24 +161,31 @@ export const onGetConfig = (isStart: boolean) => {
         mountHelp();
     }
 
-    try {
-        const para = {
-            "version": Constants.SIYUAN_VERSION,
-            "container": window.siyuan.config.system.container,
-            "isLoggedIn": "false",
-            "subscriptionStatus": "-1",
-            "subscriptionPlan": "-1",
-            "subscriptionType": "-1",
-        };
-        if (window.siyuan.user) {
-            para.isLoggedIn = "true";
-            para.subscriptionStatus = window.siyuan.user.userSiYuanSubscriptionStatus.toString();
-            para.subscriptionPlan = window.siyuan.user.userSiYuanSubscriptionPlan.toString();
-            para.subscriptionType = window.siyuan.user.userSiYuanSubscriptionType.toString();
+    if (window.siyuan.config.system.googleAnalytics) {
+        try {
+            window.dataLayer = window.dataLayer || [];
+            // @ts-ignore
+            window.gtag = () => {window.dataLayer.push(arguments)};
+            window.gtag("js", new Date());
+            window.gtag("config", "G-L7WEXVQCR9");
+            const para = {
+                "version": Constants.SIYUAN_VERSION,
+                "container": window.siyuan.config.system.container,
+                "isLoggedIn": "false",
+                "subscriptionStatus": "-1",
+                "subscriptionPlan": "-1",
+                "subscriptionType": "-1",
+            };
+            if (window.siyuan.user) {
+                para.isLoggedIn = "true";
+                para.subscriptionStatus = window.siyuan.user.userSiYuanSubscriptionStatus.toString();
+                para.subscriptionPlan = window.siyuan.user.userSiYuanSubscriptionPlan.toString();
+                para.subscriptionType = window.siyuan.user.userSiYuanSubscriptionType.toString();
+            }
+            window.gtag("event", Constants.ANALYTICS_EVT_ON_GET_CONFIG, para);
+        } catch (e) {
+            console.error(e);
         }
-        window.gtag("event", Constants.ANALYTICS_EVT_ON_GET_CONFIG, para);
-    } catch (e) {
-        console.error(e);
     }
 };