Setup GA4

docs/javascripts/extra.js

@@ -0,0 +1,9 @@
+app.location$.subscribe(function (url) {
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag("js", new Date());
+
+  gtag("config", "G-ZZKM4MPQXL");
+});

mkdocs.yml

@@ -20,13 +20,12 @@ extra:
     - icon: fontawesome/brands/github-square
       link: https://github.com/TRaSH-/Guides
 
-google_analytics:
-  - G-ZZKM4MPQXL
-  - auto
-
 extra_css:
   - stylesheets/extra.css
 
+extra_javascript:
+  - javascripts/extra.js
+
 markdown_extensions:
   - admonition
   - attr_list
@@ -61,6 +60,7 @@ plugins:
 
 theme:
   name: material
+  custom_dir: overrides
   features:
     - navigation.instant
     - navigation.tabs

overrides/main.html

@@ -0,0 +1,6 @@
+{% extends "base.html" %}
+
+{% block analytics %}
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZZKM4MPQXL"></script>
+{% endblock %}