Migrate Universal Analytics to Google Analytics 4

Author: dtolnay

book.json

@@ -2,14 +2,15 @@
     "root": "_src",
     "title": "Serde",
     "language": "en",
-    "plugins": ["-search", "-sharing", "sane-sidebar", "codeblock-omit", "codeblock-rust", "edit-link", "ga", "bulk-redirect", "checklist", "anchors"],
+    "plugins": ["-search", "-sharing", "sane-sidebar", "codeblock-omit", "codeblock-rust", "edit-link", "ga4", "bulk-redirect", "checklist", "anchors"],
     "pluginsConfig": {
         "edit-link": {
             "base": "https://github.com/serde-rs/serde-rs.github.io/edit/master/_src",
             "label": "Edit"
         },
-        "ga": {
-            "token": "UA-82804814-1"
+        "ga4": {
+            "tag": "G-T5QD1R7FZW",
+            "anonymize_ip": true
         },
         "bulk-redirect": {
             "redirectsFile": "redirects.json"

gitbook/gitbook-plugin-ga/plugin.js

@@ -0,0 +1,22 @@
+require(["gitbook"], function(gitbook) {
+    gitbook.events.bind("start", function(e, config) {
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = window.gtag || function() {
+            window.dataLayer.push(arguments);
+        };
+        window.gtag('js', new Date());
+        window.gtag('config', config.ga4.tag, {
+            'anonymize_ip': config.ga4.anonymize_ip ?? false
+        });
+        var script = document.createElement("script");
+        script.type = "text/javascript";
+        script.async = true;
+        script.src = "https://www.googletagmanager.com/gtag/js?id=" + config.ga4.tag;
+        document.getElementsByTagName("head")[0].appendChild(script);
+    });
+    gitbook.events.bind("page.change", function() {
+        window.gtag('event', 'page_view', {
+            'page_location': window.location.pathname+window.location.search
+        });
+    });
+});